HTML STUDY

<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

テーブル 関連記事