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番目の縦列です