HTML テーブル

HTML でのとてもよくある仕事はテーブルデータの構造化で、数々の要素と属性がこの目的のためにあります。スタイリング用の CSS と組み合わせて、HTML は Web 上に、学校の授業の計画や、水泳の時間割や、好きな恐竜やフットボールチームの統計情報といった、情報のテーブルを簡単に表示できます。このモジュールでは HTML を使ってテーブルデータを構造化するのに必要な知識を一通り案内します。

必要となる知識

このモジュールを学習する前に、HTML の基本について既に理解している必要があります。もしまだ理解が足りていないと感じているならば HTML 入門を参照してください。

メモ: もしあなたが自分のファイルを作成することのできないコンピュータ・タブレット端末そのほかのデバイスで作業をしているならば、 インターネット上の JSBinThimbleといったコーディングプログラムを用いてほとんどのコードの例を試してみることができます。

ガイド

このモジュールは以下の話題を含んでいます。:

HTML テーブルの基本

この記事を読めば、HTML のテーブルについてのイロハを知ることができます。行や列、見出しやカラムと行を複数に分割するセルの作成を扱い、またいかにしてカラムにあるセルをまとめて見栄えを整えるかについて扱います。

HTML テーブルの高度な機能とアクセシビリティ

このモジュールの 2 つ目の記事では、 HTML のもう少し発展的な機能について扱います。 たとえば、見出しや要約、そして行をまとめて表の head,body そしてフッターの section にすることです。同時に視覚にハンディキャップを有する人びとのために表のアクセシビリティについても記事で扱います。

評価

惑星データの構造化

テーブルについての記事を理解できたかの評価として、太陽系の星についてのいくつかのデータを提供し、あなたに HTML を用いて表にしてもらいます。