テーブル

テーブルを作成する
<table>
<tr>
<td>~</td><td>~</td>
</tr>
<tr>
<td>~</td><td>~</td>
</tr>
</table>

見出しをつける
<table>
<tr>
<th>見出しセル</th><th>見出しセル</th>
</tr>
<tr>
<td>データセル</td><td>データセル</td>
</tr>
</table>

外枠の太さを指定する
<table border="ピクセル数">~</table>

テーブルのサイズを指定する
<table width="横ピクセル数" height="縦ピクセル数">~</table>
※サイズは%(ページに対する割合)でも指定できます。

セルのサイズを指定する
<td width="横ピクセル数" height="縦ピクセル数">~</td>
※サイズは%(trに対する割合)でも指定できます。

セルを結合する
<td colspan="横につなぐセルの数">~</td>
<td rowspan="縦につなぐセルの数">~</td>

セルの枠と内容の間隔を指定する
<table cellpadding="ピクセル数">~</table>

セルとセルの間隔を指定する
<table cellspacing="ピクセル数">~</table>

セル内での文字配置を指定する
<td align="left、center、rightのいずれか" valign="top、middle、bottomのいずれか">~</table>
※alignで文字の左右を指定し、valignで上下を指定します。

テーブルに色をつける
<table bgcolor="カラー名またはRGB値">~</table>
※セル(td)ごとにも指定できます。

テーブルの枠線に色をつける
<table bordercolor="カラー名またはRGB値">~</table>
※セル(td)ごとにも指定できます。

テーブルの背景に画像を表示する
<table background="画像のアドレス">~</table>
※tr、tdごとにも指定できます。

テーブルの表示位置を指定する
<table align="left、center、rightのいずれか">~</table>

>> HTMLタグ一覧に戻る