HTMLでテーブルタグの基本的なサンプルコード
以下は、HTMLの基本的なテーブルタグのサンプルコードです。
<!DOCTYPE html>
<html>
<head>
<title>テーブルのサンプル</title>
</head>
<body>
<table>
<thead>
<tr>
<th>ヘッダ1</th>
<th>ヘッダ2</th>
<th>ヘッダ3</th>
</tr>
</thead>
<tbody>
<tr>
<td>セル1-1</td>
<td>セル1-2</td>
<td>セル1-3</td>
</tr>
<tr>
<td>セル2-1</td>
<td>セル2-2</td>
<td>セル2-3</td>
</tr>
<tr>
<td>セル3-1</td>
<td>セル3-2</td>
<td>セル3-3</td>
</tr>
</tbody>
</table>
</body>
</html>
このコードでは、<table>
要素を使用してテーブルを作成しています。テーブルのヘッダ行は<thead>
要素内にあり、各ヘッダセルは<th>
要素で表されています。テーブルのデータ行は<tbody>
要素内にあり、各データセルは<td>
要素で表されています。
このサンプルコードでは、テーブルに3つのヘッダセルと3つのデータ行がありますが、必要に応じてセルの数や行数を変更することができます。