Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
学ぶ HTMLテーブルの作成と構造化 | テーブルとフォーム
HTMLの基本

bookHTMLテーブルの作成と構造化

メニューを表示するにはスワイプしてください

HTMLのテーブルは、データを行と列で表示し、情報を構造的に整理するための手段。

テーブルの作成

<table>タグを使用してテーブルを作成。行は<tr>、セルは<td>で定義。 基本構造は以下の通り。

index.html

index.html

copy
  • <table> はテーブルを作成;
  • <tr> は行を作成;
  • <td> は行内にセルを作成。

テーブルヘッダー

列または行の見出しには <th> を使用。ヘッダーセルは通常 <thead> セクション内に配置。

index.html

index.html

copy
  • <thead> はヘッダー行を囲む要素;
  • <th> はヘッダーセルを定義する要素。

テーブル本体

<tbody> セクションは <thead> の後に続き、テーブルの主なデータ(通常の行)を囲む。

index.html

index.html

copy

まとめ

テーブルは以下の要素で構成:

  • <table>:テーブルのメインコンテナ;
  • <thead><th>を含むヘッダー行;
  • <tbody><td>を含むデータ行;
  • <tr>:テーブル行;
  • <td>/<th>:データセル/ヘッダーセル。
index.html

index.html

copy

1. テーブルを作成するために使用されるタグはどれですか?

2. テーブル内の行を表すタグはどれですか?

3. <tbody>タグの目的は何ですか?

question mark

テーブルを作成するために使用されるタグはどれですか?

正しい答えを選んでください

question mark

テーブル内の行を表すタグはどれですか?

正しい答えを選んでください

question mark

<tbody>タグの目的は何ですか?

正しい答えを選んでください

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 4.  1

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 4.  1
some-alt