HTMLのこれだけは覚えたい 〜表作成編〜


表のタグを使えるようになると見た目を良くする事が出来ます
タグサンプル6 タグの説明
<body>
<table border bgcolor="#aaaaaa" width="200">
<tr> <td></td><td colspan="3" align="center" bgcolor="#00ff00"></td> </tr>
<tr> <td rowspan="4" align="center" bgcolor="#00ff00" width="50"></td>
<td width="50">セル1</td>
<td width="50">セル2</td>
<td width="50">セル3</td> </tr>
<tr> <td align="left"></td>
<td align="center">中央</td>
<td align="right"></td> </tr>
<tr> <td bgcolor="#000000ff"></td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ff0000"></td> </tr>
</table>
</body>
<table border bgcolor="#★" width="☆"></table>
tableで表の作成を指定する
borderは表に枠線が表示し入れなければ枠線が無い表が出来る
bgcolorは表全体に色を付け★にカラーコードを指定する
widthは☆に表の横サイズを指定する
<tr></tr>
横列のセルを作成する
<td></td>
縦列のセルを作成する
<td colspan="◆"></td>
縦列のセルの見出しをつけ◆は縦列のセルの数
<td rowspan="◆"></td>
横列のセルの見出しをつけ◆は横列のセルの数
<td width="☆"></td>
☆にセルの横サイズを指定する
<td align="◇"></td>
セル内の文字の位置を揃える(◇は左=left、中央=center、右=right)
<td bgcolor="#★"></td>
★にカラーコードを指定してセルに色を付ける