HTMLでテーブルタグの基本的なサンプルコード

2023-05-21

以下は、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つのデータ行がありますが、必要に応じてセルの数や行数を変更することができます。