お小遣いゲットなら Happy Life Web

サイト運営者のアフィリエイト&お小遣い稼ぎ・快適便利生活のための情報サイト!ネットでハッピーライフを満喫しよう!



サイトコンテンツ A

アフィリエイト
懸賞・ポイント系サイト
ネットショップ
ネットバンク口座開設
無料ブログ・ホームページ


サイトコンテンツ B

よく使う簡単なHTML記述1
よく使う簡単なHTML記述2
よく使う簡単なHTML記述3
無料でアクセスアップは可能?
良いサイト作成のために
可能性無限大!広告出稿
商品を卸したい方

広 告

↓ 忍者アドって知ってる?


広 告


サイト

お小遣いゲットなら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>
と記入するとこうなります↓
1の1 1の2 1の3
2の1 2の2 2の3
見出しをつけたい場合は<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]