16.3.4. 表の書き方

HTML 文書中で表を作る方法を説明します。

基本的な表 #

表を作るには table 要素を使います。次の例を見てください。

ソース

出力

この例を読めばお分かり頂けると思いますが、table 要素の中では tr 要素が一つの行を表します。また th 要素と td 要素がそれぞれのセルを記述します。どちらも 1 つのセルに対応しますが、th 要素は表の見出しを意味します。th 要素を使ったセルは、一般的に強調表示されます。

隣接する二つのセルを結合するには、colspan 属性および rowspan 属性を用います。colspan が左右に隣接するセルの結合、rowspan が上下に隣接するセルの結合を意味します。たとえばとすると、この属性を指定したセルとその下のセルが結合します。

ソース

出版社	書名	著者	出版年	ISBN
共立出版	可換代数入門	Atiyah,Macdonald	2006	978-4320017917
共立出版	可換環論	松村英之	2000	978-4320016583

出力

出版社	書名	著者	出版年	ISBN
共立出版	可換代数入門	Atiyah,Macdonald	2006	978-4320017917
可換環論	松村英之	2000	978-4320016583

のようになります。同じように colspan 属性を用いると、横方向に結合するセルの数を指定することができます。