ＨＴＭＬ簡単講座２時間目
※以下のタグのカッコ＜＞は、タグ変化しないよう全部全角になってます。半角で表示されるようにする方法もあるんですけど、かなり面倒でこたっぺ☆の脳みそでは混乱するんで（笑）
毎度お手数お掛けしてすいませんが、使うとき、全部半角に変えてくださいね。
リンク＆画像の続きから行きます。
画像をせっかくＵＰしても、いらない枠が出ちゃう～～～という方。
その枠を取るには、画像タグの「alt=」の前に、「border=”0”」をつけます。
border="0"をつけていない場合
＜A HREF="http://plaza.rakuten.co.jp/okirakudays118/"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/ユーザーナンバー" width="140" height="66" alt="バナー"＞＜/A＞ ⇒
border="0"をつけた場合
＜A HREF="http://plaza.rakuten.co.jp/okirakudays118/"＞＜IMG SRC="http://plaza.rakuten.co.jp/img/user/ユーザーナンバー" width="140" height="66" border="0" alt="バナー"＞＜/A＞ ⇒
消えたでしょ？
今度は、文や画像の表示位置です。
＜center＞真ん中＜/center＞ ⇒
今度は、色を変えてみましょう。
色を変えたい部分を、 ＜font color="☆"＞ と ＜/font＞ で囲みます。
☆の部分には、英語で色名を指定するか、カラーコードという番号で指定します。
前者の場合、オレンジ色なら、「orange」といれます。
そして、後者の場合は、「#ff6600」といれます。
たとえば、赤くしたい場合、色名指定は、 ＜font color="red"＞赤＜/font＞ と書き、表示は 赤 となります。
これを、カラーコードで指定するなら、 ＜font color="#ff0000"＞赤＜/font＞ と書きます。
では、英語で指定するのと、カラーコードで指定するのと、どちらがいいのかというと、
カラーコードなら、どんなＯＳブラウザ（WindowsとかＭａｃとか、ドリームキャストでも）を問わず、表示できます。
逆に、英語の名前で指定するのは、決められた１６色のみは、大丈夫ですが、ほかの色の場合は、ブラウザによっては、表示できないものがあるようです。でも、濃淡がチョット違う微妙な色も出せるのが魅力です。
カラーコード表はコチラ
カラー名一覧は楽天編集ページのヘルプに１６色載ってます。
では、今までのＨＴＭＬタグを使って、応用してみましょう～。
＜font color="ffcc33" size="6"＞サイズと色は、一緒に設定できますよ～＜/font＞
↓
サイズと色も、一緒に設定できますよ～
もちろん、ほかのタグとの組み合わせもOK。
たとえば、こたっぺ☆が良く使う流れ文字は、
＜marquee＞＜font color="seagreen" size="3"＞＜b＞こんな感じ～～～～～＜/b＞＜/font＞＜/marquee＞
↓
というワケ。
こうやって組み合わせるときの注意は、締める順番。
タグを＜１＞⇒＜２＞⇒＜３＞⇒＜４＞の順番で入れたら、締めるのは必ず＜/４＞⇒＜/３＞⇒＜/２＞⇒＜/１＞です。
スタイルシートっちゅう便利なものもあるらしいのだけど、楽天で使えるのかなぁ。
頼りなくてゴメンネ～～
なにせワタクシこたっぺ☆も、やっと覚え出したばかりなもんで(笑)
ＨＴＭＬ簡単講座１時間目へ
ＨＴＭＬ簡単講座３時間目へ
ＨＴＭＬ簡単講座４時間目へ
ＨＴＭＬ簡単講座５時間目へ
© Rakuten Group, Inc.
