新・シンプルなタグ講座
という訳で初心者でも分かるタグ講座をしたいと思います。
（と言うか正直自分がタグ忘れた時用なのですが･･･）
タグとは
簡単にいうと<>で囲った英単語･略語を使って、ホームページの文字の色、背景・画像をいれることができる物である。
さてここでは簡単なタグを紹介します。
まず<BR>これは改行する時に使います。
似た様な物は<P>これは一行開けて改行するタグです。
☆色やサイズを変えるタグ☆
『色を変える』
（例）色は<font color="○○">文字</font>です。
（結果） 文字
○○にはredを入れました。
『大きさを変える』
（例）サイズは<font size="○○">文字</font>です。
（結果） 文字
○○には6を入れました。（1～8まで有効）
☆文字の場所を変える☆
『センタリング』
（例）文字を真ん中に置くタグは<center>文字</center>です
（結果）
『動かす』
（例）文字を動かすタグは<marquee>文字</marquee>です。
（結果）
☆リンクや画像を貼る☆
『リンクを貼る』
（例）リンクは<a href="○○">□□</a>
（結果） Rest in Peace
○○にはhttp://plaza.rakuten.co.jp/top1354/を、□□にはRest in Peaceを、
追加、リンク先を別ウィンドウで表示させたい時はtarget="_blank" をaとhrefの間に入れる。
（例）<a target="_blank" href="http://plaza.rakuten.co.jp/top1354/">Rest in Peace</a>
（結果） Rest in Peace
『バナーリンク』
（別解）バナーでリンクを貼る。
（例）<a href="○○"><IMG SRC="△△"></a>
（結果）
○○にはhttp://plaza.rakuten.co.jp/top1354/"△△にはhttp://plaza.rakuten.co.jp/img/user/87/72/3998772/77.jpg" width="166" height="61" alt="えんたぁ"が入りました。
『画像を貼る』
（例）画像は<img src="○○">です。
（結果）
○○にはhttp://plaza.rakuten.co.jp/img/user/87/72/3998772/117.jpg" width="320" height="240" alt="時詠のトキミ"が入りました。
alt=""が画像にカーソルを載せた時に出る文になります。alt=""自体を消せば何も出ません。
☆文字を一工夫☆
『線を引いて消す』
（例）<s>文字</s>
（結果）
『斜体にする』
（例）<i>文字</i>
（結果） 文字
『ルビ（読み仮名?）を振る』
（例）<ruby>本文<rt>ルビ文</rt></ruby>
（結果） 本文
『縦書きにする』
（例）<SPAN STYLE="writing-mode: tb-rl; white-space: nowrap">あいうえお<BR>かきくけこ</SPAN>
（結果）
あいうえお
かきくけこ
☆複数のタグを使う☆
サイズ、色、文字移動、斜体、を使う。
（例）<font size="6" color="red"><i><marquee>文字</marquee></i></font>
（結果）
注意!!
複数のタグを使う場合、順番どうりに閉じないと酷いことになります。
良い例<font size="6"><marquee>文字</marquee></font>どうですか？
結果 どうですか？
このようにしっかり閉じれば後の文字にも影響ありません。が
悪い例<font size="6"><marquee>文字</font></marquee>どうですか？
結果 どうですか？
このように順番を適当にするとこの場合、<marquee>しか閉じた事にならない為
この後の文字がずっと<font size>の影響を受けます。
つまり <3つ目> <2つ目> <1つ目>文字<1つ目> <2つ目> <3つ目>
の順番で閉じなければなりません。
まぁざっとこんなモンでしょう。
これでシンプルなタグ講座を終了します。
しっかりと覚えて、楽しいHPを作りましょう。
© Rakuten Group, Inc.
