|
eラブログ・タグ講座e
ラブログでは、投稿や掲示板でタグが使えます。
タグってなに??…そこから解説します。
いまさらへ(´∀`)へという方は読み飛ばしてください。
■対応端末
PCのNN、IEは全て普通に表示できるはずです。
携帯は
ez…au
i…docomo
v…vodafone
多分、これらの端末で使えるのではないかといったレベルでの記載です。
同じキャリアでも、古い物だと表示できなかったりしますので、利用には気を付けてください。
■タグって何??■
タグとは、二つの不等号(<) (>)で囲まれ、HTMLの指示を記述するものです。
ブラウザはこのタグに従ってWebページを表示します。
ここでは、基本的なタグのみを解説します。
ラブサーチではラブログ内の掲示板や、投稿でこのタグが使えますので、ぜひ覚えて華やかな投稿やコメントをしてみてください☆
■基本的タグ■
とりあえず、これらを知っておけば困ることはまずないでしょう。
■文字サイズを変えるタグ
<FONT SIZE=●>★</FONT>
●には1から7までの数字を入れる。
1が小さく7が一番大きい。
★には表示したい文章を入れる。
<FONT SIZE=1>テスト</FONT>
……テスト
<FONT SIZE=7>デカイ</FONT>
……デカイ
■文字色を変えるタグ
(ez,i,v)
<FONT COLOR="●●●">★</FONT>
★には表示したい文章を入れる。
●に表示させたい色を入れることにより文字色を変えられます。
・単語で指定
BLACK、WHITE、RED、BLUE、GREEN、YELLOW、VIOLET、PINK
・番号で指定
#FF0000 (RED)、 #FFFFFF (WHITE)、 #FFFF00 (YELLOW)、 #0000FF (BLUE)
色サンプルをご用意しましたので参考にしてください。
ココ
<FONT COLOR="RED">テスト</FONT>
……テスト
<FONT COLOR="BLUE">テスト</FONT>
……テスト
<FONT COLOR="#00FF00">テスト</FONT>
……テスト
<FONT COLOR="#FFFF00">テスト</FONT>
……テスト
■文字を強調させるタグ
<B>★</B>
★には表示したい文章を入れる。
<B>テスト</B>
……テスト
<B>ここチェック!</B>
……ここチェック!
■文字を斜体にするタグ
<I>★</I>
★には表示したい文章を入れる。
<I>テスト</I>
……テスト
<I>少しクールですな(笑)</I>
……少しクールですな(笑)
■文字に取り消し線を入れるタグ
<S>★</S>
★には表示したい文章を入れる。
<S>テスト</S>
……テスト
<S>そんなん知ってるって?</S>
……そんなん知ってるって?
■文字にアンダーラインを入れるタグ
(ez,v)
<U>★</U>
★には表示したい文章を入れる。
<U>テスト</U>
……テスト
<U>はい、ここんとこテストに出ます!</U>
……はい、ここんとこテストに出ます!
■上付き文字にするタグ
(v)
<SUP>★</SUP>
★には表示したい文章を入れる。
2<SUP>2</SUP>=4
……22=4
あ<SUP>が<SUP>り<SUP>ま<SUP>す</SUP></SUP></SUP></SUP>
……あがります
■下付き文字にするタグ
(v)
<SUB>★</SUB>
★には表示したい文章を入れる。
H<sub>2</sub>O
……H2O
さ<SUP>が<SUP>り<SUP>ま<SUP>す</SUP></SUP></SUP></SUP>
……さがります
■文字の右寄せ左寄せを指定
(ez,i,v)
<DIV ALIGN="●●●">★</DIV>
★には表示したい文章を入れる。
●には文字の位置を入れる
LEFT(左詰)
CENTER(中央揃え)
RIGHT(右詰)
の、いずれかです。
<DIV ALIGN="RIGHT">テスト</DIV>
……
テスト
■少し上級のタグ■
デザインの幅が広がりますので、ぜひ覚えてください(o^o^o)
■文字をスクロールさせるタグ
(ez,i,v)
★には表示したい文章を入れる。
・標準で右から左に流れます。
<MARQUEE>★</MARQUEE>
<MARQUEE>右から左</MARQUEE>
……
・流れる方向を指定
<MARQUEE DIRECTION="●●●">★</MARQUEE>
●に流れる方向を入れます。
RIGHT(右)
LEFT(左) UP(上)
DOUN(下)
の、いずれかです。
<MARQUEE DIRECTION="RIGHT">左から右</MARQUEE>
……
<MARQUEE DIRECTION="LEFT">右から左</MARQUEE>
……
<MARQUEE DIRECTION="UP">下から上</MARQUEE>
……
<MARQUEE DIRECTION="DOWN">上から下</MARQUEE>
……
・動作を指定
<MARQUEE BEHAVIOR="●●●">★</MARQUEE>
●に動作を入れます。
SCROLL(標準)
ALTERNATE(左右往復)
SLIDE(端で停止)
の、いずれかです。
<MARQUEE BEHAVIOR="SCROLL">標準</MARQUEE>
……
<MARQUEE BEHAVIOR="ALTERNATE">左右往復</MARQUEE>
……
<MARQUEE BEHAVIOR="SLIDE">端で停止</MARQUEE>
……
・繰り返す回数を指定
<MARQUEE LOOP="●●●">★</MARQUEE>
●に回数を入れます。
<MARQUEE LOOP="10">標準で10回流れます</MARQUEE>
……
・スクロールのスピードを指定
<MARQUEE SCROLLAMOUNT="●●●">★</MARQUEE>
●にスピードを入れます。
<MARQUEE SCROLLAMOUNT="1">テスト</MARQUEE>
……
<MARQUEE SCROLLAMOUNT="100">テスト</MARQUEE>
……
・背景色を指定
<MARQUEE BGCOLOR="●●●">★</MARQUEE>
●に文字背景に表示させたい色を入れます。
単語で指定
BLACK、WHITE、RED、BLUE、GREEN、YELLOW、VIOLET、PINK
番号で指定
#FF0000 (RED)、 #FFFFFF (WHITE)、 #FFFF00 (YELLOW)、 #0000FF (BLUE) 色サンプルをご用意しましたので参考にしてください。
ココ
<MARQUEE BGCOLOR="BLUE">青色</MARQUEE>
……
<MARQUEE BGCOLOR="YELLOW">黄色</MARQUEE>
……
<MARQUEE BGCOLOR="RED">赤色</MARQUEE>
……
★これらを組み合わせても使えます(⌒∇⌒)
赤色の背景に、黄色文字の大きさが5で「■組み合わせ■」と表示したものを左右に往復させます。
<MARQUEE BEHAVIOR="ALTERNATE" BGCOLOR="RED"><FONT
COLOR="YELLOW" SIZE="5">■組み合わせ■</FONT></MARQUEE>
さらに、こんな風にも使えます(≧∀≦)
青色の背景に白文字で「>゚)))>< ゜。oO」を標準の右から左へスクロールさせます。
<MARQUEE BEHAVIOR="SCROLL" BGCOLOR="BLUE"><FONT
COLOR="WHITE">>゚)))><</FONT></MARQUEE>
さらに、さらに…
ばんち!(`ロ´)<MARQUEE DIRECTION="RIGHT" WIDTH="200"
>oO</MARQUEE>(。_゜)ぷげ!
ばんち!(`ロ´)(。_゜)ぷげ!
(-.-)y-<MARQUEE WIDTH="50" DIRECTION="RIGHT">゚゚゚゚゚
</MARQUEE>
(-.-)y-
■文字にリンクを貼るタグ
(ez,i,v)
<A HREF="●●●">★</A>
●にはリンク先URLを入れる。。 ★には表示したい文章を入れる。
<A HREF="http://lovesfreek.s138.xrea.com/cgi-bin/chat/chat.cgi">CHAT
ROOM1</A>
……CHAT ROOM1
※フリークチャットです。 ココで、タグの練習も出来ますよ(o^o^o)
■画像を貼るタグ
(ez,i,v)
<IMG SRC="●●●">
●には画像のURLを入れる。
<IMG SRC="http://lovesfreek.s138.xrea.com/pc/image/haato103.jpg">
……
★応用として、画像にリンクを貼ったりも出来ます。
ハートをクリックするとCHAT ROOM1に行きます。
<A HREF="http://lovesfreek.s138.xrea.com/cgi-bin/chat/chat.cgi">
<IMG SRC="http://lovesfreek.s138.xrea.com/pc/image/haato103.jpg">
</A>
おまけ(⌒∇⌒)
☆に願いを…
☆を撃ち落としてください(≧∀≦) 上手くいけば、モエーな禁断の画像が…
タグはすべて半角で入力して下さい。
全角で入力しても、そのまま表示されるだけです(笑)
|