お小遣いゲットならHappyLifeWeb
表(テーブル)
表を作成するために、はじまりを指定する<TABLE>タグを記入します。終了タグは</TABLE>
ここで囲った部分が表となります。このタグの中にここが一行ですと命令するための<TR>タグや
1マスはここと言う<TD>タグを必要に応じて使います。
レイアウトをきれいにまとめたりするにもテーブルタグは覚えておくと便利です。
参考例
<TABLE border="1">
<TR> <TD>1の1</TD> <TD>1の2</TD> <TD>1の3</TD> </TR>
<TR> <TD>2の1</TD> <TD>2の2</TD> <TD>2の3</TD> </TR>
</TABLE>
と記入するとこうなります↓
見出しをつけたい場合は<TH>タグを使います。<TH>タグで指定すると見出しとして太字になり、
ます。 下は例になります。
<TABLE border="1">
<TR>
<TH>見出し1</TH> <TH>見出し2</TH> <TH>見出し3</TH>
</TR>
<TR>
<TD>1の1</TD> <TD>1の2</TD> <TD>1の3</TD>
</TR>
<TR>
<TD>2の1</TD> <TD>2の2</TD> <TD>2の3</TD>
</TR>
</TABLE>
上を記入で表示はこうなります↓
見出し1 | 見出し2 | 見出し3 |
1の1 | 1の2 | 1の3 |
2の1 | 2の2 | 2の3 |
border=" "タグで
外枠の線の太さを変更できます。タグなしだと表示されません。
表のサイズはborder=" "タグの後にwidth=" "height=" "タグで変えられます。
値は%若しくはピクセル値を記入します。
背景のカラーを変える場合は、例<TABLE border="1" width="200"bgcolor="#c0c0c0">
で表全体の背景が変わる。例<TR bgcolor="#ff0000">で指定すると指定したセルの背景を
かえる事が出来る。また、
枠線の色を変えたい場合は、bordercolorと言う属性を追加してやる。
例<TABLE bordercolor="#0000ff"border="3" width="250">と言った具合。
その他のタグ
水平線を引く場合
<HR>タグ このタグは終了タグを記入する必要はありません。
表示↓
線の太さの指定
<HR size="ピクセル値"> 数値が大きいほど太くなります。指定無い場合サイズは2となります。
表示↓
立体なし
<HR noshade> 通常は立体感のある水平線ですが、このタグで普通のラインになります。
表示↓
ここで紹介していないHTML記述も検索で探すとたくさんでてきますよ!
[PR]