3493137 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

楽天広場HTML講座

全て | カテゴリ未分類 | HTML文字画像リンク | HTMLタグ(テーブル) | HTML(応用編) | 楽天で購入した商品 | スポーツ,アウトドア,車,バイク | 心緒 | インテリア,ライト,収納,ベビー,キッズ | アフィリエイト入門編 | TV・オーディオ・カメラ | 自己管理,美容,インナー | DVD,CD,本,旅,楽器 | 生活,美容,健康,家電 | 金運アップ,風水,自己トレ | ユーザービリティとSEO | 楽天市場のPR | アフィリエイト | 音楽 | 食品,グルメ,飲料 | ダイエット,健康,食品 | 園芸,DIY,ペット,おもちゃゲーム | 日用品雑貨,キッチン用品,寝具 | パソコン・周辺機器 | ファッション,ジュエリー,アクセサリー,靴 | 防災,介護,医療 | ブランド雑貨,時計 | 酒場放浪記 | 天気気象予報 | 気になる動画 | 最近チェックした商品 | 血圧測定 | 気になるニュース | 人生の名言集
2006.07.13
XML
カテゴリ:HTML文字画像リンク
・文字のカスタマイズ


■ 文字サイズと色を同時に変える



前回は、HTMLタグについてでした。
今回は、応用として、文字サイズと色を同時に変えてみましょう。



文字の大きさを変えるタグは
<font size=""></font>

でした。


文字の色を変えるタグは
<font color=""></font>

でした。


では、このふたつを同時に表現するには、どうしたらいいのでしょう。




やり方は
<font size="" color=""></font>

です。


そう、得意の合体攻撃!
size」も「color」も、ともに「<font></font>」の属性。
ということで、「<font -------->~」の--部分に仲良くいれちゃうのです。


必ず、「font」と「size」の間に半角スペースを。
もうひとつ、「size=""」と「color=""」の間にも半角スペースを入れてくださいね。


「<font半角スペースsize=""半角スペースcolor="">~</font>」という形です。
ちなみに「size=""」と「color=""」の順番はどちらでもかまいません。


ちなみに、この属性をまとめる方法は、他のタグでもつかうことができます。
ぜひ覚えてね!!






では、実際に大きさと色を変えてみましょう。



「<font size="1" color="#990033">あ</font>」→「



「<font size="2" color="gray">あ</font>」→「



「<font size="3" color="green">あ</font>」→「



「<font size="4" color="lime">あ</font>」→「



「<font size="5" color="aqua">あ</font>」→「



「<font size="6" color="#ff6600">あ</font>」→「



「<font size="7" color="blue">あ</font>」→「



できました?


では次回は、文字をカスタマイズ出来るタグをまとめてみます。






[トップページへ戻る][次のページ⇒]








Last updated  2008.11.02 22:30:43
[HTML文字画像リンク] カテゴリの最新記事

Copyright (c) 1997-2019 Rakuten, Inc. All Rights Reserved.