コタ＆こたplusサチイブ　お気楽DAYS

ＨＴＭＬ簡単講座１時間目

※以下のタグのカッコ＜＞は、タグ変化しないよう全部全角になってます。
半角で表示されるようにする方法もあるんですけど、かなり面倒でこたっぺ☆の脳みそでは混乱するんで（笑）

お手数お掛けしてすいませんが、使うとき、全部半角に変えてくださいね。

基本的なことは、編集したい文字列を、タグで挟むことと、ＨＴＭＬは必ず半角でいれること。（大文字、小文字は関係ありません。）
タグとは、半角カッコであらわすオーダーみたいなものです。
文字列の前にそのオーダータグを入れ、文字列の最後に必ずオーダー終わりの締めるタグをつけます。
この締めるタグは、必ずオーダータグと対になっていないといけませんよ～。
また、締めるタグをつけなかった場合、そのあとの文章すべてに、そのオーダータグのコマンドが影響します。

まず簡単な文字修飾。

＜B＞太字＜/B＞ ⇒ 太字なのだ

＜S＞取り消し線＜/S＞ ⇒ ~~取り消し線だよ～~~

＜U＞下線＜/U＞ ⇒ 下線を入れるよ

次に、大きさを変えたいとき。

＜FONT SIZE="1"＞１小さい小さい（笑）＜/FONT＞ ⇒ １小さい小さい

＜FONT SIZE="2"＞２これもちょっと小さめ＜/FONT＞ ⇒ ２これもちょっと小さめ

＜FONT SIZE="3"＞３これが普通のサイズです＜/FONT＞ ⇒ ３これが普通のサイズです

＜FONT SIZE="4"＞４ちょっと目立つかな？＜/FONT＞ ⇒ ４ちょっと目立つかな？

＜FONT SIZE="5"＞５でかくなってきた＜/FONT＞ ⇒ ５でかくなってきた

＜FONT SIZE="6"＞６でかいぞ～～＜/FONT＞ ⇒ ６でかいぞ～～

＜FONT SIZE="7"＞７ぎょえ～～～＜/FONT＞ ⇒ ７ぎょえ～～～

もうちょっと目立つために、文字を点滅させましょ～。
これは、インターネットエクスプローラーでは作動しません。
ネットスケープの動作ですよ。
うちはＩＥなので、点滅の確認ができませ～ん。

＜BLINK＞ピカピカするはずよ～＜/BLINK＞ ⇒ ピカピカするはずよ～
しなくても、責任持てません(笑)

おまたせ～～。
文字を動かしますよ～。
こちらは逆に、インターネットエクスプローラーの動作で、
ネットスケープでは動作しません。

＜MARQUEE＞右から左へ～＜/MARQUEE＞ ⇒ 右から左へ～

＜MARQUEE DIRECTION="RIGHT"＞左から右へ～＜/MARQUEE＞ ⇒ 左から右へ～

＜MARQUEE BEHAVIOR="alternate"＞左右にフ～ラフ～ラ＜/MARQUEE＞ ⇒ 左右にフ～ラフ～ラ

指定しなければ、普通に右から左へ流れるよ。

今度は上下。

＜MARQUEE DIRECTION="UP="＞上に行くぞ～～＜/MARQUEE＞ ⇒ 上に行くぞ～～

＜MARQUEE DIRECTION="DOWN"＞下に行くわよ～～＜/MARQUEE＞下に行くわよ～～

さらに

ここは、多分、見るころには、動作が終わっていると思うので、リロード（更新ボタンで）して、速攻スクロールさせて見てね♪
（超不親切でしょ～～（笑）もっと上のほうに書けって？また今度ね）

＜MARQUEE DIRECTION="LEFT" BEHAVIOR="SLIDE" SCROLLAMOUNT="20"＞早さを変えて＜/MARQUEE＞ ⇒ 早さを変えて

＜MARQUEE DIRECTION="LEFT" BEHAVIOR="SLIDE" SCROLLAMOUNT="12"＞左で止めたりも＜/MARQUEE＞ ⇒ 左で止めたりも

＜MARQUEE DIRECTION="LEFT" BEHAVIOR="SLIDE"＞できるよ♪ ＜/MARQUEE＞ ⇒ できるよ♪

数字は、一度に何ピクセル文字を動かすかの値です。
秒数で表す場合は、SCROLLAMOUNTをSCROLLDELAYに変えて秒数を設定します。

動くタグは、ページに多用するのはおすすめできません。
なぜって？
見てくださる人にとって、あまり目がチカチカするものは迷惑だからで～す。
せっかく来てくださった方にとっても、あまり文字が動き回っていると、見るのもイヤになります。
バランスよく作って、ビジターに優しいページをつくりましょ～～。（オマエがいうなよって？（笑））

続いて、リンクの貼り方です。

リンクを貼るには、＜A HREF="☆"＞リンク先の名前やバナー＜/A＞とすればＯＫ。

☆には、リンク先のＵＲＬ（http://からはじまるアドレス）を入れます。
＜A HREF="http://～"＞リンク先の名前やバナー＜/A＞ ⇒ リンク先の名前やバナー

『リンク先の名前やバナー』のところに、登録したバナーなどの画像をおくと、表示は画像になり、それをクリックすると、リンクが飛ぶようになります。

＜A HREF="☆"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/数字が入ります" width="140" height="66" alt="バナー＞＜/A＞⇒