💡 記事の下にエディタを用意しています。壊してもOK！
更新日: 2025年3月1日
HTML tableタグでテーブルを作る方法｜tr tdの書き方
📌
結論
<table><tr><td>
📝 実際のコードはこちら
<table>
<tr><td>A</td><td>B</td></tr>
<tr><td>C</td><td>D</td></tr>
</table>テーブルの構造
テーブルは3つのタグの組み合わせです。| タグ | 意味 | 役割 |
|---|---|---|
| テーブル全体 | 表の外枠 |
| table row | 行（横の並び） |
| table data | セル（各マス） |
見出しセル <th>
1行目を太字の見出しにしたいときは、<th><td><th>📝 実際のコードはこちら
<table>
<tr><th>名前</th><th>年齢</th></tr>
<tr><td>太郎</td><td>20</td></tr>
</table>⚠️ レイアウトに使わない
昔はtableでページレイアウトを組んでいましたが、今は完全にNG。レイアウトにはFlexboxやGridを使い，tableはデータ表示専用にしましょう。まとめ
・表は<table><tr><td><th>演習で試してみよう
2行2列のテーブルを作ってみましょう。🧪 ここで試せます ─ 壊しても大丈夫！
下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。
■ 演習
2行2列のテーブルを作ってください。セルの内容は自由です。（例：A,B,C,D や 名前,年齢 など）
詰まったらヒント
table, tr, td を使います。