Menu
Coddy logo textTech

まとめ - テーブル

CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 51/60。

challenge icon

チャレンジ

簡単

これまでに学んだすべての要素を含むテーブルを作成したHTMLドキュメントを作成してください:

  1. テーブルを定義するための <table> タグ。視認性のために border 属性を "1" に設定します。
  2. テーブルを説明するための、"Employee Information" というテキストを持つ <caption> タグ。
  3. 3つのヘッダーセル(<th>)を持つヘッダー用のテーブル行(<tr>)。最初のヘッダーは2つの列にまたがり "Employee Details" とし、2番目は "Department"、3番目は "Salary" とします。
  4. 2つの行と2つの列にまたがり "John Doe" というテキストを含むデータセル(<td>)、"Sales" というデータセル(<td>)、および "$50,000" というデータセル(<td>)を持つテーブル行(<tr>)。
  5. "Marketing" というデータセル(<td>)と "$60,000" というデータセル(<td>)を持つ別のテーブル行(<tr>)。
  6. 2つの列にまたがる "Jane Smith" というデータセル(<td>)、"IT" というデータセル(<td>)、および "$70,000" というデータセル(<td>)を持つ最後のテーブル行(<tr>)。

自分で試してみよう

<!DOCTYPE html>
<html>
    <body>
        <!-- ここにコードを記述してください -->
    </body>
</html>

Fundamentalsのすべてのレッスン