このページでは表作成タグをやっていきます。表だからといってなめてはいけません。最近ではこの表を使った飾り付けがメインになっています。これを覚えずしてかっこいいホームページは作れませんよ。
| 表を作りたい | <TR><TD>表をつくりたい</TD><TD>タグ</TD></TR> こんな感じで<TR>の間に<TD>を置いた数だけマスができます。 |
| <TABLE>〜</TABLE> <TR>〜</TR> 横の一列 <TD>〜</TD> セル |
セルとはマスのことです。<TR>を増やすことで表の列を増やすことができます。これはこの表を作りたいでは、基本的なことなので必ず,覚えてください。
| 表に見出しをつけたい | <TR><TH>商品</TH><TH>価格</TH></TR> |
| <TH>〜</TH> |
使い方は<TR>と同じですが、<TH>で囲むと太文字でセンターリングされて表示されます。
| 枠線の幅を設定したい | 星には数字をいれます。0で枠線なし大きいほど枠線が太くなる |
| <TABLE BORDER="☆">〜</TABLE> |
| テキストに対して表の位置を決めたい | 星にはleft,right,centerのいずれかを入れて下さい |
| <TABLE ALIGN="☆">〜</TABLE> |
これを使うことで、表の横に文章をつけることができます。特に難しいことはありません。これを回り込みと言います。画像のとこを見た人は聞き覚えのある言葉ですね。
| 回り込みを解除したい | 星のところにはleft,right,centerのいずれかを入れて下さい |
| <BR CLEAR="☆"> |
回り込みを行っている方と同じ方向を星のところに入力するだけです。
| 表とテキストの間隔を指定したい | ☆⇒縦方向の間隔(ピクセル) ★⇒横方向の間隔(ピクセル) ●⇒left,right |
| <TABLE VSPACE="☆" HSPACE="★" ALIGN="●">〜</TABLE> |
ピクセルとは今まで書いていませんでしたが、今までと同じで、数字を入れればいいだけです。もちろん大きな数字の方が間隔が広くなります。
| 表のサイズを設定したい | ☆⇒表の幅(ピクセルまたは%) ★⇒表の高さ(ピクセルまたは%) |
| <TABLE WIDTH="☆" HEIGHT="★">〜</TABLE> |
ピクセルの説明は上記と同じ意味です。
| セルのサイズを変更したい | セルの横幅(ピクセル) セルの高さ(ピクセル) |
| <TH WIDTH="☆" HEIGHT="★">〜</TH> <TD WIDTH="☆" HEIGHT="★">〜</TD> |
セルとはマス目の事です。<TH>と<TD>の意味は上記で説明してある通りです。
| タイトル(キャプション)をつけたい | (ALIGN="★")を付け加えることでタイトルの場所を変えられます。 星にはtop,bottomのどちらかをつけてください |
| <CAPTION>〜</CAPTION> |
<TABLE>タグの後に使えば間違えないと思いますよ。タイトルはつけなくてもかまわないです。
| セル内のテキストの位置を変更したい | ☆⇒left(左揃え), center(中央揃え),right(右揃え) ★⇒top(上),middle(中央),bottom(右) |
| <TR ALIGN="☆" VALIGN="★">〜</TR> <TH ALIGN="☆" VALIGN="★">〜</TH> <TD ALIGN="☆" VALIGN="★">〜</TD> |
<TABLE>は表全体。<TR>は横一列。<TH>は見出し。<TD>は一マスです。これは表作りでは共通なので覚えておきましょう。
| 表の背景に色をつけたい | 星には色番号、もしくは英語で色名 |
| <TABLE BECOLOR="☆">〜</TABLE> <TR BGCOLOR="☆">〜</TR> <TH BGCOLOR="☆">〜</TH> <TD BGCOLOR="☆">〜</TD> |
色については別のページにありますのでそちらで参考にしてください。
| 表の背景に画像を使いたい | 星のところに画像のURLを入れてください。 |
| <TABLE BACKGROUND="★">〜</TABLE> |
IEとネットエスケープでは表示のされ方が違います。これはあきらかにわかるので、書いておきました。
| セルに画像を使いたい | 星のところに画像のURLを入れてください |
| <TR BACKGROUND="★">〜</TR> <TH BACKGROUND="★">〜</TH> <TD BACKGROUND="★">〜</TD> |
特に説明はいらないと思います。
|
|||
|
|