宿題がでていたのでやってみた。今回はヘッダーにはタイトル以外入れなかった。自分の過去のソースを見ないと思い出せません＞＜
ソース
<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での講義は見逃せない。
ちなみにテキストの色を変えたり、横に動かしたり、点滅させたりしようかなぁと思ったけど、属性書くのがめんどくさかったのでやめた。そんなことをやったら撲殺されるのでやめた。
あの一応プロフィールの中身を真剣に書こうと思ったんですが、個人情報は不味いのでカモフラージュしておきました^^
それにしてもソースがきたないのはゆるしてください＞＜
