テーブルを学ぼう

知識課題

知識課題１

• 以下のHTMLタグについて、それぞれの使用目的を説明してください。
  • <table>
  • <th>
  • <tr>
  • <td>
  • <caption>
  • <colgroup>
  • <col>
  • <thead>
  • <tbody>
  • <tfoot>

知識課題２

• 以下の属性について、その目的と使用方法を説明してください。
  • colspan
  • rowspan
  • scope

実践課題

次の要件を満たすHTMLテーブルを作成してください。すべての指定タグと属性を用いて、情報が整理され、見やすいテーブルを作成することが目標です。

• 以下のHTML要素をすべて含めたテーブル構造を作成してください
  • <table>
  • <caption>
  • <colgroup>および<col>
  • <thead>, <tbody>, <tfoot>
  • <th>
  • <tr>
  • <td>
• テーブルのデザイン要件
  • 複数の列をまたぐ見出しセルを1つ作成し、colspan属性を使用してください。
  • 複数の行をまたぐデータセルを1つ作成し、rowspan属性を使用してください。