表を作成する

表を作成する時は、TABLE、TR、TDタグで文字を囲みます。

 

TABLEは表全体を囲うときにつけるタグです。
TRは表の行ごとにつけるタグです。
TDは囲いたい文字ごとにつけるタグです。

 

 

<TABLE>
<TR><TD>文字</TD><TD>文字</TD><TD>文字</TD></TR>
<TR><TD>文字</TD><TD>文字</TD><TD>文字</TD></TR>
<TR><TD>文字</TD><TD>文字</TD><TD>文字</TD></TR>
</TABLE>

 

文字文字文字
文字文字文字
文字文字文字

表を作成する一覧

表の外枠線の幅を設定する

表の線の幅の大きさを設定したい時は、TABLEタグにborder="線の幅の大きさの値"を入れて、線の幅の大きさの値を指定します。線の幅の大きさの値には数字を入れます。数字が大きくなるほど線の幅が広くなります。例<TABLEborder="1"><TR>&...

≫続きを読む

 

表の枠線の色を設定する

表の色を設定したい時は、TABLEタグにbordercolor="色の値"を入れて、色の値を指定します。色の値には16進数か色名を記入します。例<TABLEborder="1"bordercolor="#ff0000"><TR><...

≫続きを読む

 

表の外枠線を部分的に表示/非表示に設定する

表の外枠線を部分的に表示/非表示にしたい時は、TABLEタグにframe="表示/非表示にしたい外枠線"を入れて、表示/非表示にしたい外枠線を指定します。表示/非表示にしたい外枠線には以下を入れます。void:全ての外枠線を非表示above:上側の外枠線を表示below:下側の外枠線を表示hside...

≫続きを読む

 

表内部の枠線を表示/非表示に設定する

表内部の枠線を表示/非表示にしたい時は、TABLEタグにrules="表示/非表示にしたい枠線"を入れて、表示/非表示にしたい枠線を指定します。表示/非表示にしたい枠線には以下を入れます。none:全ての枠線を非表示rows:行の外線を表示cols:列の枠線を表示all:全ての枠線を表示例<T...

≫続きを読む

 

表内部の枠線を行単位で表示/非表示に設定する

表内部の枠線を行単位で表示/非表示にしたい時は、TABLEタグにrules="groups"を入れ、TBODYタグでグループ化します。例<TABLEborder="1"rules="groups"><TBODY><TR>&l...

≫続きを読む

 

表内部の枠線を列単位で表示/非表示に設定する

内部の枠線を列単位で表示非表示にしたい時は、TABLEタグにrules="groups"を入れ、COLGROUPタグでグループ化します。例<TABLEborder="1"rules="groups"><COLGROUP><COLG...

≫続きを読む

 

セル内の余白を設定する

セル内の余白を設定したい時は、TABLEタグにcellpadding="セル内の余白の値"を入れて、セル内の余白の値を指定します。余白の値には数字を入れます。数字が大きいほど、余白が広くなります。例<TABLEborder="1"cellpadding="20&q...

≫続きを読む

 

枠線の幅を設定する

枠線の幅を設定したい時は、TABLEタグにcellspacing="枠線の幅の値"を入れて、枠線の幅の値を指定します。枠線の幅の値には数字を入れます。数字が大きいほど、枠線の幅も広くなります。例<TABLEborder="1"cellspacing="10&quo...

≫続きを読む

 

表の幅を設定する

表の幅を設定したい時は、TABLEタグにwidth="表の幅の値"を入れて、表の幅の値を指定します。表の幅の値には数字か%を入れます。数字が大きいほど、表の幅も広くなります。例<TABLEborder="1"width="50%"><TR&g...

≫続きを読む

 

表の高さを設定する

表の高さを設定したい時は、TABLEタグにheight="表の高さの値"を入れて、表の高さの値を指定します。表の高さの値には数字か%を入れます。数字が大きいほど、表の高さが大きくなります。例<TABLEborder="1"height="200">...

≫続きを読む

 

表の背景に色を設定する

表の背景に色を設定したい時は、TABLEタグにbgcolor="色の値"を入れて、色の値を指定します。色の値には16進数か色名を記入します。例<TABLEborder="1" bgcolor="#ff0000"><TR><TD&g...

≫続きを読む

 

表の背景に画像を設定する

表の背景に画像を設定したい時は、TABLEタグにbackground="画像を置いているurlアドレス"を入れて、画像を置いているurlアドレスを指定します。例<TABLEborder="1"background="http://xxx.com/xxx/image...

≫続きを読む

 

表題を設定する

表題を設定したい時は、CAPTIONタグで表のタイトルを囲みます。<TABLE><CAPTION>表題</CAPTION><TR><TD>文字</TD></TR></TABLE>例<TABLEbor...

≫続きを読む

 

検索エンジンリンク集 ランキングリンク集 宣伝掲示板リンク集 お小遣いリンク集 便利リンク集