まとめ - テーブル
CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 51/60。
チャレンジ
簡単これまでに学んだすべての要素を含むテーブルを作成したHTMLドキュメントを作成してください:
- テーブルを定義するための
<table>タグ。視認性のためにborder属性を "1" に設定します。 - テーブルを説明するための、"Employee Information" というテキストを持つ
<caption>タグ。 - 3つのヘッダーセル(
<th>)を持つヘッダー用のテーブル行(<tr>)。最初のヘッダーは2つの列にまたがり "Employee Details" とし、2番目は "Department"、3番目は "Salary" とします。 - 2つの行と2つの列にまたがり "John Doe" というテキストを含むデータセル(
<td>)、"Sales" というデータセル(<td>)、および "$50,000" というデータセル(<td>)を持つテーブル行(<tr>)。 - "Marketing" というデータセル(
<td>)と "$60,000" というデータセル(<td>)を持つ別のテーブル行(<tr>)。 - 2つの列にまたがる "Jane Smith" というデータセル(
<td>)、"IT" というデータセル(<td>)、および "$70,000" というデータセル(<td>)を持つ最後のテーブル行(<tr>)。
自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを記述してください -->
</body>
</html>