<table>で表を作る
<table>は表を作成するときに使用します。ここではテーブルの基本的な構成を解説していきます。
HTMLタグでテーブル(表)を作る
<table>は表(テーブル)を表します。<table>内に行を<tr>で表し、さらにその中の<tr>内にセル(1マス)を<td>を使用して表します。今回はテーブルがどのように構成されているか見やすいようにCSSで枠線を設定していきます。
要素 | 解説 |
<table> | ひとつのテーブル(表) |
<tr> | テーブルの行 |
<td> | テーブルのセル(1マス) |
CSSプロパティ | 解説 |
border | 枠線 |
<table>
<tr>
<td>セル1</td><td>セル2</td><td>セル3</td>
</tr>
<tr>
<td>セル4</td><td>セル5</td><td>セル6</td>
</tr>
</table>
@charset "utf-8";
table,tr,td { border: solid 1px;}
ブラウザ表示例
セル1 | セル2 | セル3 |
セル4 | セル5 | セル6 |