HTML文法

先日「Wiki文法」を掲載しましたが、今日は「HTML文法」を掲載します。
使い勝手が悪いのですが、「Wiki文法」と「HTML文法」の併用は原則的に出来ませんのでご注意ください。

表示の都合上「 < 」「 > 」は全角で記載してありますので、コピー＆ペーストでは表示されません。
使用する時は必ず半角英数[直接入力の状態]で書くようにしてくださいねー

「開始タグ」と「終了タグ」があります。
その「開始タグ」と「終了タグ」で装飾したい文字を挟むと表示されます。
「終了タグ」には必ず「 / 」（スラッシュ）を入れるようにしましょう！

後程出てくる【属性】を複数入れる場合、属性と属性の間には半角スペースを入れましょう！
属性はタグの種類によって使えるもの使えないものがあります。
例】＜font＞には「color」属性と「size」属性が使用できます。
　　＜b＞には使用できる属性はありません。

複数のタグ（「 < 」と「 > 」で囲まれたもの）を使用する場合、入れ子にするようにしてください。
例】×　→　<■■■>　<▲▲▲>　</■■■>　</▲▲▲>
　　●　→　<■■■>　<▲▲▲>　</▲▲▲>　</■■■>

どうしても表示されない場合、ほとんどの場合スペルミスもしくは全角入力してしまっている、半角スペースを入れていない、「Wiki文法使用」をチェックしてしまっている場合が多いので、もう一度確かめるようにしましょー

太字

【記述】
＜b＞太字＜/b＞

斜体

【記述】
＜i＞斜体＜/i＞

アンダーライン

【記述】
＜u＞アンダーライン＜/u＞

~~打ち消し~~

【記述】
＜s＞打ち消し＜/s＞

ルビ[るび]

【記述】
＜RUBY＞＜RB＞ルビ＜RP＞[＜RT＞るび＜RP＞]＜/RUBY＞

^{上付き文字}

【記述】
＜sup＞上付き文字＜/sup＞

_{下付き文字}

【記述】
＜sub＞下付き文字＜/sub＞

文字の色

【記述】
＜font color=red＞文字の色＜/font＞
「color=」の後にみんなが知っているような色を英語で書くとその色になります。
「light○○」とか「dark○○」というようなものも出来ますので、とにかく思いつくものでやってみるべし！

文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ
文字の大きさ

【記述】
＜font color=1＞文字の大きさ＜/font＞
＜font color=2＞文字の大きさ＜/font＞
＜font color=3＞文字の大きさ＜/font＞
＜font color=4＞文字の大きさ＜/font＞
＜font color=5＞文字の大きさ＜/font＞
＜font color=6＞文字の大きさ＜/font＞
＜font color=7＞文字の大きさ＜/font＞

＜font size=1～7＞文字の大きさ＜/font＞
上にも書いたとおり「size=」の後に「１」～「７」まで数字を入れます。
「３」が通常のサイズなので、「１」にすると小さくなり、「７」にすると大きくなります。

【応用】
~~太・斜体・アンダーライン・打ち消し・青・サイズ4~~

【記述】
＜b＞＜i＞＜u＞＜s＞＜font color=blue size=4＞太・斜体・アンダーライン・打ち消し・青・サイズ4＜/font＞＜/s＞
＜/u＞＜/i＞＜/b＞

流れる文字

【記述】
＜marquee height=20 width=600 hspace=0 vspace=0 behavior=scroll direction=right loop=10 scrolldelay=85
scrollamount=6 bgcolor=#0066cc＞＜font color=white size=4＞＜b＞流れる文字＜/b＞＜/font＞＜/marquee＞

以下の「属性」を変更すると表示の仕方が変わります。
●height="高さ"
　　スクロール範囲の高さ（ピクセルまたは%で指定）
●width="幅"
　　スクロール範囲の幅（ピクセルまたは%で指定）
●hspace="左右の余白"
　　左右の余白（ピクセルで指定）
●vspace="上下の余白"
　　上下の余白（ピクセルで指定）
●behavior="動作の仕方"
　　スクロール動作の仕方
　　　　behavior="scroll" 画面を横切る動作を繰り返す
　　　　behavior="alternate"　画面を往復する動作を繰り返す
　　　　behavior="slide"　　　スクロールの端まで来ると停止する
●direction="方向"
　　スクロール方向（leftまたはrightで指定）
●loop="回数"
　　スクロール回数（デフォルトは無限）
●scrolldelay="時間の間隔"
　　再描画までの時間の間隔
　　（秒数で指定。値が大きいと遅く、値が小さいと速くなる。単位は1/1000秒、デフォルトはscrolldelay="85"）
●scrollamount="進む距離"
　　再描画までに進む距離
　　（ピクセルで指定。値が大きいと速く、値が小さいと遅くなる。デフォルトはscrollamount="6"）
●bgcolor="背景色"
　　スクロール部分の背景色

【例】
＜marquee＞デフォルト＜/marquee＞
＜marquee width="90%"＞幅90%＜/marquee＞
＜marquee behavior="scroll"＞横切る（デフォルト）＜/marquee＞
＜marquee behavior="alternate"＞往復する＜/marquee＞
＜marquee behavior="slide"＞端で停止する＜/marquee＞
＜marquee direction="left"＞右から左へ（デフォルト）＜/marquee＞
＜marquee direction="right"＞左から右へ＜/marquee＞
＜marquee scrolldelay="100"＞ちょっと遅く＜/marquee＞
＜marquee scrollamount="8"＞ちょっと速く＜/marquee＞

※この記事は初心者さんのための記事ですので、上級者・玄人さんのコメントはご遠慮願います。
※役に立ったなぁ～と少しでも思った方は一番下にある「傑作」ボタンを押してくれ～ぃ！
※お気に入り登録もおねがいしま～っす

【ブログ装飾の基礎知識】
http://blog.yahoo.co.jp/u1643jp/folder/138431.html
【名前アイコンの作り方(ペイント)】
http://blogs.yahoo.co.jp/u1643jp/409672.html
【HTMLで使える色[Color Name]（１）】
http://blog.yahoo.co.jp/u1643jp/1407795.html
にも挑戦してみてくださいねー！

株式会社カザ（勤めている会社のＨＰ）
http://www.j-kaza.com/