HTMLテーブルの境界
どのようにしてテーブルの周りに境界を設定するのですか?
説明
境界のあるテーブル
見た目をすっきりさせるために、"border"というアトリビュート(属性)を使用してテーブルに境界を設定します。
このアトリビュート(属性)は"table" タグの内部に追加されます。
コード例:
<table border=1>
<tr>
<td>
これは1番目のコラムです
</td>
<td>
これは2番目のコラムです
</td>
</tr>
</table>結果:
上記のコードを使用すると以下のようになります。
これは1番目のコラムです | これは2番目のコラムです |
横2列、縦2列のテーブル
ここでは、横2列、縦2列のテーブルを作成しましょう
コード例:
<table border=1>
<tr>
<td>
これは1番目の横列、1番目の縦列です
</td>
<td>
これは1番目の横列、2番目の縦列です
</td>
</tr>
<tr>
<td>
これは2番目の横列、1番目の縦列です
</td>
<td>
これは2番目の横列、2番目の縦列です
</td>
</tr>
</table>結果:
上記のタグを使用するとこのような結果になります
これは1番目の横列、1番目の縦列です | これは1番目の横列、2番目の縦列です |
これは2番目の横列、1番目の縦列です | これは2番目の横列、2番目の縦列です |