HTML 表

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

前提知識

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

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

ガイド

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

HTML 表の基本

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

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

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

評価試験

以下の評価試験では、上記のガイドに応じた HTML 表のテクニックの理解度をテストします。

惑星データの構造化

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