表の書き方

16.3.4. 表の書き方

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

基本的な表 #

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

ソース

出版社書名著者出版年ISBN
共立出版可換代数入門Atiyah,Macdonald2006978-4320017917
共立出版可換環論松村英之2000978-4320016583
Springer-Verlag代数幾何学1Hartshorne2004978-4431711353
裳華房可換体論永田雅宣1985978-4785313098
出力
出版社 書名 著者 出版年 ISBN
共立出版 可換代数入門 Atiyah,Macdonald 2006 978-4320017917
共立出版 可換環論 松村英之 2000 978-4320016583
Springer-Verlag 代数幾何学1 Hartshorne 2004 978-4431711353
裳華房 可換体論 永田雅宣 1985 978-4785313098

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

セルの結合 #

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

ソース

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

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

箇条書き 表の書き方 その他のよく使う要素