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
……2=4

あ<SUP>が<SUP>り<SUP>ま<SUP>す</SUP></SUP></SUP></SUP>

……あ

下付き文字にするタグ
(v)

<SUB>★</SUB>

★には表示したい文章を入れる。

H<sub>2</sub>O
……H2

さ<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>
……標準で10回流れます

・スクロールのスピードを指定

<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>(。_゜)ぷげ!

ばんち!(`ロ´)oO(。_゜)ぷげ!


(-.-)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>

おまけ(⌒∇⌒)
☆に願いを…


☆を撃ち落としてください(≧∀≦)
上手くいけば、モエーな禁断の画像が…

タグはすべて半角で入力して下さい。
全角で入力しても、そのまま表示されるだけです(笑)

戻る

Copyright(C) Loves Freaks All Rights Reserved.