…文の改行したい部分に をいれます。

↓さんぷる↓

うぇぶりっちは
ｶﾜｲｲHP作りをｵｳｴﾝします♪

うぇぶりっちは<br>
ｶﾜｲｲHP作りをｵｳｴﾝします♪<br>

●ﾃｷｽﾄのｻｲｽﾞ・色・装飾

…ﾃｷｽﾄのｻｲｽﾞは～で記述。
"1"の部分がﾃｷｽﾄの大きさ(ｻｲｽﾞ)です。～に文字をいれてくだい。
①ｻｲｽﾞ1 、②ｻｲｽﾞ2、③ｻｲｽﾞ3、です。推奨はｻｲｽﾞ7まで。

↓さんぷる↓

①うぇぶりっち！
②うぇぶりっち！
③うぇぶりっち！

<font size="1">うぇぶりっち！</font>
<font size="2">うぇぶりっち！</font>
<font size="3">うぇぶりっち！</font>

…ﾃｷｽﾄの色は～
"#"の#のあとにｶﾗｰを表す英数字の番号が入ります。
ここに上記のﾃｷｽﾄのｻｲｽ指定を一緒に行うこともできます(さんぷる②)
その場合の記述は、～

↓さんぷる↓

①うぇぶりっち！
②うぇぶりっち！

<font color="#0000FF">うぇぶりっち！</font>
<font size="2" color="#FF9933">うぇぶりっち！</font>

…ﾃｷｽﾄの装飾、不文字は①～、ｲﾀﾘｯｸ(斜体)は②～。
ここに上記のｻｲｽﾞ指定と色指定を一緒に行うこともできます(さんぷる③、④)
③色指定、ｻｲｽﾞ指定、太字
~
④色指定、ｻｲｽﾞ指定、ｲﾀﾘｯｸ(斜体)
~

↓さんぷる↓

①うぇぶりっち！
②うぇぶりっち！
③うぇぶりっち！
④うぇぶりっち！

<b>①うぇぶりっち！</b>
<i>②うぇぶりっち！</i>
<FONT color="#0000ff" size="2"><b>③うぇぶりっち！</b></FONT>
<FONT color="#ff9933" size="2"><i>④うぇぶりっち！</i></FONT>

●動くﾃｷｽﾄ

…ﾃｷｽﾄを動かす、基本形は<MARQUEE>～</MARQUEE>
色②な変化を下記のﾀｸﾞを書き込むことで出来ます。
ｴﾘｱの記述は、width="横の幅" height="縦の幅"
速さの記述は、 scrollAmount="速さ" 数字が大きいと早い、さんぷるは"15"
背景のﾗｲﾝの色の記述は、 bgcolor="背景の色"、
ﾃｷｽﾄの色は別ﾀｸﾞでを入れて下さい

↓さんぷる↓

①右から左うぇぶりっち！

②左から右うぇぶりっち！

③上から下
うぇぶりっち！

④下から上
うぇぶりっち！

⑤左右にゆれるうぇぶりっち！

⑥上下にゆれる
うぇぶりっち！

⑦ｴﾘｱを決めて右から左
うぇぶりっち！

⑧早く動く
うぇぶりっち！

⑨背景(ﾗｲﾝ)に色
うぇぶりっち！

①右から左
<marquee>うぇぶりっち！</marquee>

②左から右
<marquee direction="right">うぇぶりっち！</marquee>

③上から下
<marquee direction="down" scrollAmount="速さ" width="横の幅" height="縦の幅">うぇぶりっち！</marquee>

④下から上
<marquee direction="up" scrollAmount="速さ" width="横の幅" height="縦の幅">うぇぶりっち！</marquee>

⑤左右にゆれる
<marquee behavior="alternate">うぇぶりっち！</marquee>

⑥上下にゆれる
<marquee behavior="alternate" direction="up" scrollAmount="速さ" width="横の幅" height="縦の幅">うぇぶりっち！</marquee>

⑦ｴﾘｱを決めて右から左
<marquee direction="right" width="横の幅">うぇぶりっち！</marquee>

⑧早く動く
<marquee scrollAmount="速さ(数字)">うぇぶりっち！</marquee>

⑨背景(ﾗｲﾝ)に色
<marquee width="横の幅" bgcolor="背景の色"><font color="文字の色">うぇぶりっち！</font></marquee>
※ﾃｷｽﾄ自体の色の指定は別ﾀｸﾞ<font color="文字の色">～</font>を文字部分にいれてください。

●ﾌﾘｶﾞﾅ

…漢字にﾌﾘｶﾞﾅを()の表記でつけたします。<ruby>漢字<rp>（</rp><rt>かんじ</rt><rp>）</rp></ruby>

↓さんぷる↓

小粋（こいき）な大和撫子（やまとなでしこ）

<ruby>小粋<rp>（</rp><rt>こいき/rt><rp>）</rp></ruby>な<ruby>大和撫子<rp>（</rp><rt>なでしこ</rt><rp>）</rp></ruby>

●上、下付きﾃｷｽﾄ

これが上
これが下

↓さんぷる↓

1²3₄5^あい_うえ^おか_きく^けこ
う^えぶ_りっ^ち

1<sup>2</sup>3<sub>4</sub>5<sup>あ</sup>い<sub>う</sub>え<sup>お</sup>か<sub>き</sub>く<sup>け</sup>こ
<FONT color="#ﾃｷｽﾄの色">う<sup>え</sup>ぶ<sub>り</sub>っ<sup>ち</sup></FONT>

●たて書き

…ﾃｷｽﾄをたて書きに記述できます。ｽﾀｲﾙｼｰﾄで記述します。
IE5.5以上のブラウザで表示、それ以外は横書きのままになります。
ｽﾀｲﾙｼｰﾄは<head>～</head>内に記述。
ページ全体に適用。

<html>
<head>
<title>　</title>
→スタイルシートはここ!
</head>
<body>
</body>
</html>

↓ｽﾀｲﾙｼｰﾄ↓

<style type="text/css">
<!--
td { writing-mode: tb-rl }
-->
</style>

●逆さま文字

…ﾃｷｽﾄを逆に打ち込めます。<bdo dir="rtl">～</bdo>

↓さんぷる↓

うぇぶりっち

<bdo dir="rtl">うぇぶりっち</bdo>

●打ち消し線・ｱﾝﾀﾞｰﾗｲﾝ

…打ち消しは<s>～</s>、ｱﾝﾀﾞｰﾗｲﾝは~

↓さんぷる↓

~~うえぶりっち！~~

うぇぶりっち！

<S>うえぶりっち！</S>
<U>うえぶりっち！</U>

●ｵﾝﾏｳｽでﾃｷｽﾄの色を変える

…font-colorでﾃｷｽﾄの元の色、font-sizeでﾃｷｽﾄのｻｲｽﾞ、
こちらはｵﾝﾏｳｽ時の色の指定
onMouseOver="this.color='#'"
こちらはﾏｳｽをはなしたときの色の指定
onMouseOut="this.color='#'"

↓さんぷる↓

うぇぶりっち！

<font color="#ﾃｷｽﾄの元の色" style="font-size : 1px;" onMouseOver="this.color='#ﾏｳｽをのせた時の色'" onMouseOut="this.color='#ﾏｳｽを離したときの色'">うぇぶりっち！</font>

●ｵﾝﾏｳｽでﾃｷｽﾄを太字や斜体

↓さんぷる↓

①太字
うぇぶりっち！

②斜体
うぇぶりっち！

①太字
<font color="#ﾃｷｽﾄの色" style="font-size:1px" onMouseOver="this.style.fontWeight='bold'" onMouseOut="this.style.fontWeight='normal'">うぇぶりっち！< /font>
②斜体
<font color="#ﾃｷｽﾄの色F" style="font-size:1px" onMouseOver="this.style.fontStyle='italic'" onMouseOut="this.style.fontStyle='normal'">うぇぶりっち！< /font>

●ｵﾝﾏｳｽでﾃｷｽﾄの内容を変える

…ｶｰｿﾙをのせる前のﾃｷｽﾄ、
ｶｰｿﾙをのせた時のﾃｷｽﾄ、
ｸﾘｯｸした時のﾃｷｽﾄ、
ｶｰｿﾙをはなした時のﾃｷｽﾄ、
の４種類が指定することが出来ます。

↓さんぷる↓

ここにｶｰｿﾙを乗せてね♪

<font color="#最初のﾃｷｽﾄの色" style="font-size:ﾃｷｽﾄのｻｲｽﾞ(数字)px"><div id="d1" onMouseOver="this.innerText='ｶｰｿﾙをあてるとﾃｷｽﾄが変わります！'" onMouseOut="this.innerText='ｶｰｿﾙがはなれると文字が変わります！'" onClick="this.innerText='ｸﾘｯｸでも変えられます♪'">ここにｶｰｿﾙを乗せてね♪</div></font></FONT>

●ｵﾝﾏｳｽでﾃｷｽﾄのｻｲｽﾞを変更

…ｶｰｿﾙをのせる前のﾃｷｽﾄのｻｲｽﾞ、
ｶｰｿﾙをのせた時のﾃｷｽﾄのｻｲｽﾞ、
ｶｰｿﾙをはなした時のﾃｷｽﾄのｻｲｽﾞ、
の3種類が指定できます。

↓さんぷる↓

うぇぶりっち！

<FONT color="#元のﾃｷｽﾄの色" style="font-size:元のﾃｷｽﾄのｻｲｽﾞ数字)px" onMouseOver="this.style.fontSize='ｶｰｿﾙをあてた時のﾃｷｽﾄのｻｲｽﾞ(数字)'" onMouseOut="this.style.fontSize='ｶｰｿﾙをはなした時のﾃｷｽﾄのｻｲｽﾞ(数字)'">うぇぶりっち！</FONT>

●ｵﾝﾏｳｽでﾃｷｽﾄに背景を変える

…下記のｽﾀｲﾙｼｰﾄを埋め込んでください。
貼り付ける場所は<HEAD>~</HEAD>区間です。
ﾘﾝｸのﾃｷｽﾄにﾏｳｽﾎﾟｲﾝﾀｰをのせた時、背景に色がつきます。

<STYLE type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {color:#背景の元の色; background:#背景の色}
-->
</STYLE>
A:active {text-decoration:none}
A:hover {color:#FFFFFF; background:#9999FF}
-->
</STYLE>

↓位置↓

●右寄せ

…ﾀｸﾞで指定する場合、箇所を選べます。
下記を<body>~</body>の中で、入れたい箇所に貼り付けます。

<div align="right">
右寄せ
♪内容をいれてね♪
</div>

…ｽﾀｲﾙｼｰﾄの場合は下記の部分に埋め込みます。

<html>
<head>
<title>　</title>
スタイルシートをこの部分に貼り付けてください
</head>

↓ｽﾀｲﾙｼｰﾄ↓

<style type="text/css">
<!--
body { text-align: right; }
-->
</style>

●左寄せ

…ﾀｸﾞで指定する場合、箇所を選べます。
下記を<body>~</body>の中で、入れたい箇所に貼り付けます。

<div align="left">
左寄せ
♪内容をいれてね♪
</div>

<style type="text/css">
<!--
body { text-align: left; }
-->
</style>

●中央揃え

…ﾀｸﾞで指定する場合、箇所を選べます。
下記を<body>~</body>の中で、入れたい箇所に貼り付けます。

<div align="center">
中央揃え
♪内容をいれてね♪
</div>

<style type="text/css">
<!--
body { text-align: center; }
-->
</style>

TOPへ戻る