Photo by
mericanadesico
表組みのマークアップ
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>