見出し画像
Photo by mericanadesico

表組みのマークアップ

Island_in

table要素とtableの子要素

<table border="1"><!--border="1"は後で消す-->

<caption>表組みの見出し・説明文</caption>

<thead><!--タイトルなど-->
<tr>
<th>見出しセル</th>
<th>見出しセル</th>
<th>見出しセル</th>
</tr>
</thead>

<body><!--要素の分だけ追加-->
<tr>
<th>見出しセル</th>
<td>通常セル</td>
<td>通常セル</td>
</tr>
<tr>
<th>見出しセル</th>
<td>通常セル</td>
<td>通常セル</td>
</tr>
</body>

<tfoot><!--合計金額など-->
<tr>
<th>見出しセル</th>
<td>通常セル</td>
<td>通常セル</td>
</tfoot>
</tr>

</table>

この記事が気に入ったらサポートをしてみませんか？