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