ホームページ作成講座上級　STEP01

■表の使い方。

表は<TABLE><TR><TD>～</TD></TR></TABLE>で１セットです。

後で説明しますが表を使いこなせると大変便利です。

表の横の単位を行、縦の単位を列、１マスをセルと呼びます。

HTML

ブラウザでの表示

<HTML>
<HEAD>
<TITLE>プロフィール</TITLE>
</HEAD>
<BODY>
<H1>自己紹介します</H1>
<HR>
<IMG SRC="sample.gif">
僕クマ太郎。かわいいでしょ？

<TABLE BORDER COLS=2 WIDTH="100%" >
<TR>
<TD>性別</TD>
<TD>オス</TD>
</TR>

<TR>
<TD>年齢</TD>
<TD>６ヶ月</TD>
</TR>

<TR>
<TD>好物</TD>
<TD>ハチミツ</TD>
</TR>
</TABLE>

<BR>
メールちょうだい。
<BR>
<P>
<A HREF="mailto:kumataro@Parts-Kingdom">
kumataro@Parts-Kingdom
</A>
</BODY> 　
</HTML>

自己紹介します

僕クマ太郎。かわいいでしょ？

性別	オス
年齢	６ヶ月
好物	ハチミツ

メールちょうだい。
kumataro@Parts-Kingdom

・解説

<TABLE BORDER=枠線の幅
              CELLSPACING=セル間隔
              COLS=列の数
              BGCOLOR=背景色
              WIDTH="表の幅" >

<TR>
<TD>～①～</TD>
<TD>～②～</TD>
</TR>

<TR>
<TD>～③～</TD>
<TD>～④～</TD>
</TR>

</TABLE>

BORDERを大きめに指定すると立体的な表に見えますよ。
CELLSPACINGでセルとセルの間隔を指定できます。
COLSを指定すると列の幅を同じにします。
BGCOLORで表全体の背景色を指定できます。
「WIDTH="100%"」は表全体の幅がウィンドウに対して100%という意味。100%にする場合は省略可能。
「WIDTH="100"」とすると表全体の幅が100ピクセルになります。
これらのパラメータは省略可能です。
他にもいろんなパラメータがあります。

<TR>～</TR>までが表の1行です。
<TD>～</TD>にセル単位の記述をします。

～①～は１行目の１列
～②～は１行目の２列
～③～は２行目の１列
～④～は２行目の２列

<TD>～</TD>の中には文字だけでなく画像のタグや表のタグなどいろいろなタグを書くことができます。

どうですか？

例に使ったアドレスにメールを送ってもクマ太郎には届きませんよ(笑)