表組みの作成

tableタグで表組みを作成

表組( テーブル) を表示するには table タグを使 用します。<table> で表の開始を、 </table> で 終了を表し、その聞に、行を表すtrタグ とセルを表す td タグを記述して作ります。例えば、 3 行 2 列 の 表 は 右 の ソ ー ス の よ う になります。ブラウザで表示すると罫線のな い表ができます。

テーブルの罫線は rules属性を設定することによって、縦のみ、あるいは横のみに罫線を引くことができます。な お、外枠については frame属性で設定します。ここではrules属性に [rows] を設定して、績のみの罫線を引いて います。 rules属性の他の設定値は下衰のとおりです。

テーブルの外枠の罫線の形状は frame属性を設定するこ とで部分的に指定できます。ここでは [hsides] を指定して、上下だけに付けています。

border属性で罫線を付ける

テーブルに罫線を付けるにはtable タグに border属性を設定します。罫線の太さは数値 でピクセル数を指定します。なお、値を設定 せず、単に border とだけ記述すると、ブラウザ によってあらかじめ設定された太さの罫線が付 きます。サンプルでは 10 ピクセルの罫線を付 けました。

 おすすめ:ホームページ作成のWEB制作会社 東京WEBメーカー