テーブル、表

HTMLタグは大文字でも小文字でも半角なら可

タグ 説明 使用例
<TABLE>〜</TABLE> ←表
<TR>〜</TR> ←横一列(行)
<TD>〜</TD> ←セル
表を作りたい
<TH>〜</TH> 表の見出しを付けたい
<TABLE BORDER="★">〜</TABLE>
   ★・・・枠線の幅(ピクセル)
表の枠線の幅を指定
<TABLE WIDTH="★" HEIGHT="♪">〜</TABLE>
   ★・・・テーブルの横幅(ピクセルか%)
   ♪・・・テーブルの高さ(ピクセルか%)
表のサイズの指定
<TH WIDTH="★" HEIGHT="♪">〜</TH>
<TD WIDHT="★" HEIGHT="♪">〜</TD>
   ★・・・セルの横幅(ピクセルか%)
   ♪・・・セルの高さ(ピクセルか%)
セルのサイズを指定
<TABLE BORDER="★" BORDRECOLOR="♪">〜</TABLE>
   ★・・・枠線の幅(ピクセル)
   ♪・・・枠線の色(色指定値か色名)
枠線に色を付けたい
<TABLE FRAME="★">〜</TABLE>
   ★・・・void,above,below,hsides,vsides,lhs,rhs,box,border
外枠の表示方法を指定
<TABLE RULES="★">〜</TABLE>
   ★・・・none,groups,rows,cols,all
内側罫線の表示方法を指定
<TABLE BGCOLOR="★">〜</TABLE>
<TR BGCOLOR="★">〜</TR>
<TH BGCOLOR=★">〜</TH>
<TD BGCOLOR="★">〜</TD>
   ★・・・色指定値か色名
表の背景に色を付けたい
<TABLE BACKGROUND="★">〜</TABLE>
<TR BACKGROUND="★">〜</TR>
<TH BACKGROUND="★">〜</TH>
<TD BACKGROUND="★">〜</TD>
   ★・・・画像ファイル名と拡張子
表の背景に画像を表示
<TH ROWSPAN="★">〜</TH>
<TD ROWSPAN="★">〜</TD>
   ★・・・連結するセル数
縦方向にセルを連結
<TH COLSPAN="★">〜</TH>
<TD COLSPAN="★">〜</TD>
   ★・・・連結するセル数
横方向にセルを連結

使用例のアイコンをクリックすると詳しく説明しています

Cheerful〜ちあふる〜様にアイコンをお借りしています

Copyright © 2006 Sapphire All Rights Reserved