HTML <table> タグ
CSV、Excelデータを HTMLのテーブルに変換
テーブルデータのテスト表示
<table> タグの使い方
見出しは、<th>
横方向のセルを連結 colspan="（連結するセルの数）"
縦方向のセルを連結 rowspan="（連結するセルの数）"
横方向のセルを連結 colspan="（連結するセルの数）"
縦方向のセルを連結 rowspan="（連結するセルの数）"
【見出し <th> の例】
<table border="1">
<tr><th>野菜</th><th>果物</th></tr>
<tr><td>にんじん</td><td>みかん</td></tr>
<tr><td>ジャガイモ</td><td>りんご</td></tr>
</table>
【見出し <th> の表示例】
| 野菜 | 果物 |
|---|---|
| にんじん | みかん |
| ジャガイモ | りんご |
【横方向のセルを連結 例】
<table border="1">
<tr><td colspan="3">野菜一覧</td></tr>
<tr><td>にんじん</td><td>３本</td><td>１００円</td></tr>
<tr><td>ジャガイモ</td><td>５個</td><td>２００円</td></tr>
</table>
【横方向のセルを連結 表示例】
| 野菜一覧 | ||
| にんじん | ３本 | １００円 |
| ジャガイモ | ５個 | ２００円 |
【縦方向のセルを連結 例】
<table border="1">
<tr><td rowspan="3">果物一覧</td>
<td>みかん</td><td>１０個</td><td>４００円</td></tr>
<tr><td>りんご</td><td>５個</td><td>３００円</td></tr>
<tr><td>バナナ</td><td>３本</td><td>２００円</td></tr>
</table>【縦方向のセルを連結 表示例】
| 果物一覧 | みかん | １０個 | ４００円 |
| りんご | ５個 | ３００円 | |
| バナナ | ３本 | ２００円 |