タグ講座♪

制作者：まほ

文字系タグ


文字の大きさを変える

<font size=数字>文字</font>

１の大きさ
２の大きさ
３の大きさ
４の大きさ
５の大きさ
６の大きさ
７の大きさ


数字の部分に大きさを指定して
文字の部分にサイズ指定をしたい言葉を入れて下さい。



文字の色を変える

<font color=色の種類>文字</font>

色の種類の部分には
色の英語かカラーコードを入れて使って下さい。

Black＝Black
Red＝Red
Blue＝Blue
Green＝Green




文字の色と大きさを変える

<font size=数字 color=色の種類>文字</font>

上の色と大きさを変えるタグを見て
適当に入れてみて下さい。

１の黒色
２の梅色
３の青色
４の緑色
５の赤色
６の薄青
７の茶色




文字に背景色を付ける

<span style=background:色>文字</span>

色の部分に背景色を指定して入れて下さい。

　白背景♪　

　黒背景♪　

　赤背景♪　

　青背景♪　




文字を太くする

<b>文字</b>

文字を太くする
↑
こんな感じです。




文字を斜体にする

<i>文字</i>

文字を斜体にする。
↑
こんな感じです。




文字にアンダーラインを引く

<u>文字</u>

文字にアンダーラインを引く。
↑
こんな感じです。




文字に取り消し線を入れる

<s>文字</s>

文字に取り消し線を入れる。
↑
こんな感じです。




文字を左に揃える

<p align=left>文字</p>

左に揃えると
こんな感じ

文字を真ん中に揃える

<center>文字</center>

真ん中に揃えると
こんな感じ




文字を右に揃える

<p align=right>文字</p>

文字を右に揃えると
こんな感じ

文字を左にスクロールさせる

<marquee behavior=saide width=80% ScrollAmount=5>文字</marquee>

すくろぉるぅぅ〜〜♪
↑
こんな感じです。

80%の部分を変えるとスクロールする長さが変わります。
5の部分を変えるとスクロールする早さが変わります。




文字を右にスクロールさせる

<marquee direction=right width=80% ScrollAmount=5>文字</marquee>

すくろぉるぅぅ〜〜♪
↑
こんな感じです。

80%の部分を変えるとスクロールする長さが変わります。
5の部分を変えるとスクロールする早さが変わります。




文字を左右にスクロールさせる

<marquee behavior=alternate>文字 </marquee>

すくろぉるぅぅ〜〜♪
↑
こんな感じです。




画像系タグ


画像を表示させる

<img src=画像のURL>



バナー等もこのように表示させる事が出来ます♪




画像に枠をつける

<img src=画像のURL alt=枠の幅>



画像に枠が付きます。





画像に説明をつける

<img src=画像のURL alt=説明>



画像の上にカーソルを乗せてみて下さい。
説明が出ます。






リンク系タグ


リンクさせる

<a href=URL>文字</a>

HOMEへ





画像を付けてリンクさせる

<a href=リンク先のURL><img src=画像のURL border=0>文字</a>

HOMEへ

↑
border=0を消した時の例。


HOMEへ

↑
border=0を入れた時の例。




↑
文字を入れなかった時の例。


文字の部分は入れなくてもいいのですが一応凡例として入れておきました。

border=0は入れなくてもいいのですが、これを入れないと
どうしても画像の周りに枠が出来てしまうので入れたのですが
枠を付けたい人は消して下さって構いません。





まだまだ工事中（＾＾；