読者です 読者をやめる 読者になる 読者になる

うえしまさんの備忘録

うえしまさんの活動の備忘録をここに淡々と書いていきます。ジャンルは色々ですが、主にIT関連の記事を書きます。

第1回Webアプリケーション勉強会の宿題をやってみた。

宿題がでていたのでやってみた。今回はヘッダーにはタイトル以外入れなかった。自分の過去のソースを見ないと思い出せません><

ソース

<html>
	<head>
		<title>事故紹介</title>
	</head>
	<body>
		<h1>事故紹介</h1>
			<div id ="container">
					<div class = "profile" id = "base">
						<dl>
							<dt>名前<dt>
								<dd>獣(笑)</dd>
							<dt>所属<dt>
							<dd>おめでてー大学、ゆとり連合会会長、わたあめ会代表</dd>
							<dt>役職<dt>
							<dd>天下一のリアクション芸人</dd>
							<dt>生年月日</dt>
								<dd>200x年13月1日</dd>
							<dt>年齢</dt>
								<dd>三歳</dd>
							<dt>TwitterID</dt>
								<dd>uesima</dd>
							<dt>好きな食べ物</dt>
								<dd>寿司</dd>
							<dt>好きな言葉</dt>
								<dd>うんち</dd>
							<dt>趣味</dt>
							<dd>人間観察、集団における権力構造の観察</dd>
							<dt>チャームポイント</dt>
								<dd>キモオタ系わたあめ的ゆるふわボーイ</dd>
						</dl>
					</div>
					<div class ="profile" id ="image">
					<a href = "http://d.hatena.ne.jp/keyword/%BE%E5%C5%E7%CE%B5%CA%BC?kid=8847"><img src ="http://d.hatena.ne.jp/images/keyword/8847.jpg" alt ="上島" title ="上島"></a>
					</div>
					<div class ="profile" id ="hitokoto">
					<dl>
						<dt>自己紹介</dt>
							<dd>残念ながら大学3年生になりました。今年から就職活動がありますが、働きたくありません。モラトリアムサイコー!</dd>
                    </dl>
				</div>
			</div>
	</body>
</html>

ブラウザで確認


考察

dl系のタグを使って構造化するか、素直にhにするか悩んだ。tableタグも捨てがたかった。h2,h3がたくさんならぶと気持ち悪いし、テーブルタグは表なのでプロフィールに使うのは…ちょっと意味合いが違うようなきがしたのでdl系列のタグを使ってみた。あと来週CSSをいじるということでdivタグで構造化しておいたが、divの中のdivはspanにしたほうがいいかなぁとも思ったけど、いつもこの方法だからということでこれにしました^^構造化もあやしいので来週のCSSでの講義は見逃せない。

ちなみにテキストの色を変えたり、横に動かしたり、点滅させたりしようかなぁと思ったけど、属性書くのがめんどくさかったのでやめた。そんなことをやったら撲殺されるのでやめた。

あの一応プロフィールの中身を真剣に書こうと思ったんですが、個人情報は不味いのでカモフラージュしておきました^^

それにしてもソースがきたないのはゆるしてください><