ウェブ学のすすめ

Study of Web Design & Programing

テーブルタグ「table」とは

tableタグは、trやtdなどと一緒に用いて表を表示させるために使います。

読み方・正式名称

  • table(テーブル):table
  • tr(ティーアール):table row
  • td(ティーディー):table head
  • th(ティーエイチ):table description

記述例

<table summary="iPhoneの種類">
<tr>
<th>機種</th><th>発売開始日</th>
</tr>
<tr>
<th>iPhone 4S</th><td>2011年10月14日</td>
</tr>
<tr>
<th>iPhone 4</th><td>2010年6月24日</td>
</tr>
<tr>
<th>iPhone 3GS</th><td>2009年6月19日</td>
</tr>
</table>

表示例

機種発売開始日
iPhone 4S2011年10月14日
iPhone 42010年6月24日
iPhone 3GS2009年6月19日

主な属性

以下の属性を用いずにCSSで指定することが推奨されています。

枠線

border
枠線の太さを指定(相対値)
bordercolor
枠線の色を指定

背景

bgcolor
背景色を指定

セル

cellspacing
セルの間隔を指定
cellpadding
セル内の余白を指定

大きさ

width
横幅を指定
height
高さを指定

配置

align
テーブルの表示位置を指定
center/left/right

セルの結合

rowspan
垂直方向の結合を指定
colspan
水平方向の結合を指定

説明

summary
表についての説明を指定