タグとは?

<☆☆>から始まり、</☆☆>で終わるホームページ言語です。
いろんな表示が出来るよぉーん。

なぜ、そーなるかは説明するとながーーーーくなるので、、、とりあえずなるんです(笑)

実際、やってみるのがいちばんねっ☆


文字を変化させよぉー!
大きめだぞぉ
<big>大きめだぞぉ</big>

反対に、ちっちゃく
<small>反対に、ちっちゃく</small>

文字の大きさ指定は<FONT SIZE="☆">〜</FONT>でも設定できるよん。
☆の部分に、1〜7の数字を入れてね。
標準は『3』だよ

点滅ちかちか☆
<blink>点滅ちかちか☆</blink>

文字が上に
文字が<sup>上に</sup>

文字が下に
文字が<sub>下に</sub>


動く文字に背景色をつけよう!

右からひだりへ
<MARQUEE BGCOLOR="色を指定してね" DIRECTION="LEFT">右からひだりへ</MARQUEE>

文字をそろえよぉー!

改行
<BR>

1行空ける
<P>


左にぃ

<p ALIGN="LEFT">
左にぃ</p>


真中だよぉん

<p align=center>真中だよぉん</p>
センタリングは、
<CENTER>〜</CENTER>
でも、作用しましゅよぉ。

右でぇーす

<p align=right>右でぇーす</p>

文字に色をつけよぉー!

きゃー赤色に(≧∇≦)
  <font color="色指定">きゃー赤色に(≧∇≦)</font>


文字の後ろに色が
  <SPAN STYLE="background:背景色指定">文字の後ろに色が</span>


立体的?
<span style="width:100%; filter:Shadow(color=色指定)">立体的?</span>



にじんだよぉ
  <span style="width:100%; filter:Blur">にじんだよぉ</span>


なぞったみたい
  <span style="width:100%; filter:Glow(color=色指定)">なぞったみたい</span>


応用編

文字の色も変えたよぉ
<SPAN STYLE="background:背景色指定"><font color="文字色指定">文字の色も変えたよぉ</font></span>


おもしろ文字だよぉーん

逆さまだぁー


<SPAN STYLE="width:100; Arial Black; Filter:FlipV">逆さまだぁー</SPAN>


反転


<SPAN STYLE="width:100; Arial Black; Filter:FlipH">反転</SPAN>


影が、、、


<DIV style="width:150; height:20; font-size:30; color:文字色指定; font-weight:bold; Filter:DropShadow(Color=影色指定,Positive=1,OffX=5,OffY=5)">影が、、、</DIV>

width: 表示文字の範囲(横幅)
height:    表示文字の範囲(高さ)
font-size: 文字の大きさ
OffX 影の横の位置
OffY 影の縦の位置





くねくね



<DIV style="width:200; height:30; font-size:30; color:色指定; font-weight:bold; Filter:Wave(Add=0,Freq=2,LightStrength=10,Phase=55,Strength=5)">くねくね</DIV>

width: 表示文字の範囲(横幅)
height: 表示文字の範囲(高さ)
font-size: 文字の大きさ
Freq 波の数
LightStrength 波の明暗指定
Phase 波の始まり角度
Strength 波の大きさ




ASTRO



<DIV style="width:150; height:30; font-size:30; color:文字色指定; font-weight:bold; Filter:Shadow(Color=影色指定,Direction=300,Strength=10)">ASTRO</DIV>

width: 表示文字の範囲(横幅)
height: 表示文字の範囲(高さ)
font-size:     文字の大きさ
Direction 影の角度
Strength 影の長さ


グラデーション

はっきりゆって、かなりめんどくさい(笑)



<font size=4><font color="#ff0000">虹</font><font color="#ff8500">み</font><font color="#e5f000">た</font><font color="#55f000">い</font><font color="#00f03a">で</font><font color="#00f0c0">き</font><font color="#00a5f0">れ</font><font color="#001ef0">ぇ</font><font color="#6e00f0">ー</font></font>


Astro.TAG.school



<FONT SIZE="+3" FACE="impact">
<SPAN STYLE="background:#000000">
<font color="#767676">A</font><font color="#818181">s</font><font color="#A2A2A2">t</font><font color="#ADADAD">r</font><font color="#B9B9B9">o</font><font color="#DBDBDB">.</font><font color="#E6E6E6">T</font><font color="#E6E6E6">A</font><font color="#DBDBDB">G</font><font color="#CFCFCF">.</font><font color="#C4C4C4">s</font><font color="#B9B9B9">c</font><font color="#ADADAD">h</font><font color="#A2A2A2">o</font><font color="#818181">o</font><font color="#767676">l</font></font></span>


 罫線をグラデーションに




<hr style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='左端の色指定',endColorstr='右端の色指定'); WIDTH: 横; HEIGHT: 縦px" >


 背景をグラデーションに

<body style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='☆', startColorstr='左端色指定', endColorstr='右端色指定')">
☆には、0か1の数字を入れてね
0〓縦グラ
1〓横グラ

いろいろ ありますね HP作りに役立てよう!(^v^)