<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>表基本2</title>
</head>
<body>
<h1>表基本2</h1>
<article>
<h2>研究素材</h2>
<p>色々弄ってみよう</p>
<table>
<caption>表のタイトル</caption>
<colgroup><col style="background:#c9ff93"><col style="background:#ffbf7f"></colgroup><colgroup style="background:#b7dbff">
<thead>
<tr>
<th>グループA</th><th>グループB</th><th>グループB</th><th>グループC</th><th>グループC</th>
</tr>
</thead>
<tbody>
<tr>
<td>グループA-1</td><td>グループB1-1</td><td>グループB2-1</td><td>グループC1-1</td><td>グループC2-1</td>
</tr>
<tr>
<td>グループA-2</td><td>グループB1-2</td><td>グループB2-2</td><td>グループC1-2</td><td>グループC2-2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5">※色はスタイルシート</td>
</tr>
</tfoot>
</table>
</article>
</body>
</html>