HTML基本タグ一覧表に戻る

HTML文書におけるタグの使い方
<TABLE><TR><TD>タグの使い方の基本についての説明
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
右はHTML文書の基本構造です。この「タグの使い方」ページでは、右のHTML文書の中で、<BODY>と</BODY>とで囲まれた(1)Contents!の部分で使用する基本的なタグについて、その使用例を挙げます。以下を参照して下さい。

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
 		<HTML>
<HEAD>
<TITLE>　TAGの使い方　</TITLE>
</HEAD>
<BODY>

　　　　(1)Contents!

</BODY>
</HTML>

 　

<TABLE><TR><TD>タグを用いると、下のように表を作成することができます。なお、各タグのオプションの例としては以下があります。
<TABLE>
BORDER=nは枠線の太さ(nは0以上の数値:pixel数)
CELLPADDING=nは枠線と内容の間隔
CELLSPACING=nはセルの間隔
ALIGN=right(left)は画面上の表の位置
WIDTH=mは表全体の幅(mは0以上の数値:pixel数か%)
HEIGHT=mは表全体の高さ
<CAPTION>
ALIGN=top(bottom)は画面上の表示位置
<TR>
BGCOLOR=ColorNameは背景色
<TH>
WIDTH=mはセルの幅
HEIGHT=mはセルの高さ
ROWSPAN=pは縦方向にp個のセルを連結
COLSPAN=pは横方向にp個のセルを連結
BGCOLOR=ColorNameは背景色
<TD>
WIDTH=mはセルの幅
HEIGHT=mはセルの高さ
ROWSPAN=pは縦方向にp個のセルを連結
COLSPAN=pは横方向にp個のセルを連結
BGCOLOR=ColorNameは背景色

なお、ColorNameには色名またはRGB値を記述します。

＊＊＊このページも<TABLE>タグを使って作成しました＊＊＊
　 <HTML>
<HEAD>
<TITLE>　TAGの使い方　</TITLE>
</HEAD>
<BODY BGCOLOR=LIGHTYELLOW>

<TABLE BORDER=3>
<CAPTION>表のタイトル</CAPTION>
<TR>
<TH>見出し1</TH>
<TH>見出し2</TH>
<TH>見出し3</TH>
</TR>
<TR>
<TD>中段左のセル！</TD>
<TD>中段真中のセル！</TD>
<TD>中段右のセル！</TD>
</TR>
<TR>
<TD COLSPAN=3>このように複数のセルの結合も可能！</TD>
</TR>
</TABLE>

</BODY>
</HTML>
→
ブ
ラ
ウ
ザ
で
の
表
示
→

表のタイトル
見出し1 見出し2 見出し3
中段左のセル！ 中段真中のセル！ 中段右のセル！
このように複数のセルの結合も可能！















　

左側が作成したHTML文書。右側が、左側のHTML文書を実際にブラウザに表示した結果を示しています。

HTML基本タグ一覧表に戻る