Perl Web開発者のHTML・CSS入門

【HTML5】tableタグ - テーブルを作成する

tableタグでテーブルを作成できます。

<table>
</table>

一般的には、列と項目を作成するために、trタグとtdタグをtableタグの下に配置します。

<style>
  table {
    border-collapse: collapse;
  }

  table td {
    border:1px solid #ddd;
    padding:7px;
  }
</style>

<table>
  <tr>
    <td>1行1列</td>1行2列<td><td>1行3列</td>
  </tr>
  <tr>
    <td>2行1列</td>2行2列<td><td>2行3列</td>
  </tr>
</table>

テーブルの具体的な作成方法については、以下の記事を参考にしてください。

テーブルの作成方法をマスターする