高校生のためのホームページづくり（男の子用）高校生のためのホームページづくり（男の子用）
６．表を作ろう！
表はウェブページにおいて頻繁に使われます。純然たる表として使われる場合もありますが表の枠線を消して
レイアウト用として使われることが多いです。タグで表を作るのは慣れないとなかなか難しいと思いますが基礎 をばっちりマスターすればそんなに難しいことはないと思います。
上が表です。HTMLにおける表はtable要素を使って表現します。表の中には1つ以上の「行」があり、その行の中にはまた1つ
以上の「セル（個室とか独房という意味）」があるという考え方でテーブルを表現します。「行」をtr要素（Table Row）、
「セル」をtd要素（Table Data）で表します。
それでは上の表を実際に書いてみよう！
<table>
<tr>
<td>td要素</td>
<td>td</td>
<td>td</td>
<td>td</td>
</tr>
<tr>
<td>td要素</td>
<td>td</td>
<td>td</td>
<td>td</td>
</tr>
<tr>
<td>td要素</td>
<td>td</td>
<td>td</td>
<td>td</td>
</tr>
</table>
こんな風になります。もちろん前回のようにheadやbodyもきちんと書かねばなりません。
それでは前回やった自己紹介を表にしてみようね。<body>と<hr>の中に入れてみてね。コピー＆ペースト（コピペ）してね。
<h1>デラバンの自己紹介</h1>
<h2>私の歴史</h2>
<table border="1" >
<tr>
<td>1988年</td>
<td>神戸生まれ</td>
</tr>
<tr>
<td>1995年</td>
<td>阪神大震災で被災〜怖かったヨ〜！</td>
</tr>
<tr>
<td>2001年</td>
<td>東京都青梅市に転居</td>
</tr>
<tr>
<td>2003年</td>
<td>都立○○高校に入学</td>
</tr>
</table border="1" >
<h2>私の好きなもの</h2>
<table>
<tr>
<td>生年月日</td>
<td>1988年12月9日</td>
</tr>
<tr>
<td>生誕地</td>
<td>神戸市中央区</td>
</tr>
<tr>
<td>家族</td>
<td>両親と姉がふたり</td>
</tr>
<tr>
<td>趣味</td>
<td>音楽、ネットサーフィン、ウェブページづくり</td>
</tr>
<tr>
<td>得意な科目</td>
<td>英語、歴史</td>
</tr>
<tr>
<td>好きな音楽</td>
<td>70年代のオールディーズロック＆ポップス</td>
</tr>
<tr>
<td>好きな食べ物</td>
<td>お好み焼き、もんじゃ焼きなどの粉物と麺類</td>
</tr>
</table>
どう？出来た？それではできあがりを見てください。
表によるデラバンの自己紹介のページ
ちょっとセルの中身が狭苦しいね。これじゃ文字どおり「独房」なので少し隙間（パッディング） を挿入します。枠線も細くして色を付けてみます。それから左と右のセルの背景色を指定します。
表によるデラバンの自己紹介のページ(修正版） 
どうですか？なかなかカッコよくなったでしょう？表はいろんなパターンが作れます。私が作ったテーブルのテクニックを参考にしてください。