HTMLタグ講座
© 2000–2011 Atelier TM. All rights reserved. |
文字をタグで指定します。
字の大きさ、色、書体を同時に変える
使用するタグは、<FONT SIZE=文字の大きさ COLOR=文字の色 FACE=文字の書体>文字</FONT>
大きさチェンジ
<FONT SIZE=7>
使えるサイズです。
1 2 3 4 5 6 7 -2 -1 +0 +1 +2 +3 +4
色チェンジ
<FONT COLOR=色の名前またはコード>
全体の色を変えるときはこうします。
<BODY TEXT=色の名前かコード>
参考：カラーコード
書体変更の注意：書体変更しても、見ている側がその書体をインストールしていないと普通の文字に見えます。
◇欧文フォントを選択し書体を変えます。
Verdana/Comic Sans MS/Courier New
Times New Roman/Lucida Sans Unicode
OCR A Extended/Impact/SCRUFF LET
JOKERMAN LET
U l t raSevenAl
A t e l i e r T M
超有名フォント
Helvetica｜ Futura｜ Frutiger｜ Myriad Pro：AdobeやAppleのコーポレートフォントとして使われている。
◇日本語フォントの一例
ホリデイMDJP03
江戸勘亭流等 フリーで公開してます。
使えるフォントが沢山あるサイト
<B>太くしたい文字</B> 例：文字 bの代わりにstrongを利用しても出来ます。
<I>斜体にしたい文字</I> 例：文字
<U>下線をつけたい文字</U> 例：文字
文章の一部に赤い実線で
下線を引く方法です。
文章の一部に赤い点線で
下線を引く方法です。
文章の一部に赤い破線で
下線を引く方法です。
文章の一部に赤い二重線で
下線を引く方法です。
<TT>〜</TT>文字をタイプライター(等幅）にします。 例：文字moji文字moji
<S>〜</S>抹消線をつけます。 例：抹消線 Sの代わりにstrikeを利用しても出来ます。
<SUP>〜</SUP>上付き文字にします。 例：文字を上付き
<SUB>〜</SUB>下付き文字にします。> 例：文字を下付き
鏡文字もできちゃうよ！
使用するタグはこちら、<span style="width:100%; filter:FlipH()">反対にする文字</span>
例：反対にする文字
影をつけちゃおう
<SPAN STYLE="width:100%; filter:DropShadow(color=影の色)">
<FONT SIZE=文字の大きさ COLOR=文字の色>文字</FONT></SPAN>
例：文字
上記タグ使用すると、testと表記されます。
上記タグを使用するとSPANと表記されます。
文字(画像）を動かします。
<MARQUEE>動かしたい文字(画像)</MARQEE>
左右往復します。
<MARQUEE BEHAVIOR=alternate></MARQUEE>
右移動です。
<MARQUEE direction=right></MARQUEE>
上や下に流しちゃいます
上に参ります <MARQUEE DIRECTION=up>文字</MARQUEE>
下に行くよ <MARQUEE DIRECTION=down>文字</MARQUEE>
文字を流して文字の背景を変えるよ
<MARQUEE BGCOLOR=色の名前かコード>文字</MARQUEE>
[応用]------------------------
動作する横幅を決めたい時は
width="横幅"をMARQUEEの後に入れます。
上下の幅を決める時はｈｅｉｇｈｔ="上下の幅"です。
動作速度を指定する時は、scrollamount="速度（1〜）"を使います。
回数を指定する時は、loop="回数"を使います。
※loop="1"で１回スクロールするという事です。
※リロードで１回動きます。更新を押して見てください。
オンマウスで静止させたい時は、
もちろん画像も動かせます
組み合わせることによって、こんな動作もOK