table タグ

table タグは表を作成します。 tr、 td、 th タグと共に使用します。

tr タグは表の行を作成し、 td および th タグは表のセルを作成します。 td と th の違いは、前者は通常のセル、後者は見出しセルである点です。

属性

属性	説明
`cellspacing`	セル間の間隔を指定します。廃止されました。代わりにCSSプロパティの `border-spacing` を使用してください。
`cellpadding`	セルの内側の余白（テキストと境界線の間の距離）を指定します。廃止されました。代わりにCSSプロパティの `padding` を使用してください。
`border`	セルと表の境界線を指定します。廃止されました。代わりにCSSプロパティの `border` を使用してください。

例

th セルと td セルを持つ表を作成してみましょう：

html<table>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>

csstable, td, th {
  border: 1px solid black;
}

Результат:

table タグ

属性

例

関連項目