ホーム > タグの練習場 > タグ上級編 > テーブルのセルを作る


カテゴリ一覧
よくある質問
ネチケット
タグ初歩編
タグ中級編
タグ上級編
テーブルを作成する
テーブルの行を作る
テーブルのセルを作る

テーブルのセルを作る

2000/06/04(Sun)

<td>〜</td>は<table>、<tr>などと併用してテーブルのセルを作成します。

【属性】
◆bgcolor…セルの背景色を指定します。
◆align…セル内の横の表示位置を指定します。
 / center
 / right
 / left
◆valign…セル内の縦の表示位置を指定します。
 / top
 / middle
 / bottom
◆width…セルの横幅を指定します。
◆nowrap…セル内での自動改行を制御します。
◆colspan…複数のセルを横方向に連結します。
◆rowspan…複数のセルを縦方向に連結します。

【例】
<table border=3>
<tr>
<td bgcolor="#C0C0C0">例1</td>
<td>例2</td>
</tr>
</table>
例1例2


<table border=3>
<tr>
<td>例3</td>
<td>例4</td>
</tr>
<tr>
<td colspan=2 align="center">例5</td>
</tr>
</table>
例3例4
例5


<table border=3>
<tr>
<td rowspan=2 valign="middle">例6</td>
<td>例7</td>
</tr>
<tr>
<td>例8</td>
</tr>
</table>
例6例7
例8

【参考】
一部のブラウザでは対応していません。対応していないブラウザでは表示がかなり乱れますので、携帯端末用ページへの使用は控えた方が無難です。



前頁]  [タグの練習場] [次頁] 



- Mobile Frontier v2.1 -