全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2006.07.13
カテゴリ： HTML文字画像リンク
・文字のカスタマイズ
前回は、HTMLタグについてでした。
今回は、応用として、文字サイズと色を同時に変えてみましょう。
文字の大きさを変えるタグは
でした。
文字の色を変えるタグは
でした。
では、このふたつを同時に表現するには、どうしたらいいのでしょう。
やり方は
です。
そう、得意の合体攻撃！
「 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>」→「 あ 」
できました？
では次回は、文字をカスタマイズ出来るタグをまとめてみます。
前回は、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文字画像リンク] カテゴリの最新記事
-
引用するタグ 2012.03.02
-
定義型リストの作り方 2012.03.02
-
フォントの変え方 2008.06.20
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
