MB-Support

パソコン初心者のサポートページ

文字に色をつける

 <font color="カラーコード or カラーネーム"> 〜 </font> 。このページでは、HTML で文字や文章の色を変更するために利用しますが、カラーネーム、カラーコードは背景色を変更する時にも利用します。


色をつけたい文字を <font color="カラーコード or カラーネーム"> 〜 </font> で囲みます。 カーラーコードは # で始まる6 桁の数字です( #8B0000 )。指定が無い場合は黒( black #000000 )です。

カラーコード Web Safe color 216色



HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p><font color="#8B0000">シャーロック・ホームズ</font></p>
<p>シャーロック・ホームズ</p>
</body>
</html>

ブラウザ


カーラーネームは色の名前です(DARKREDなど)。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p><font color="DARKRED">シャーロック・ホームズ</font></p>
</body>
</html>

ブラウザ


HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<p>
<font color="RED">シャーロック・ホームズ</font><br />
<font color="Yellow">シャーロック・ホームズ</font><br />
<font color="Blue">シャーロック・ホームズ</font><br />
<font color="green">シャーロック・ホームズ</font><br />
<font color="Pink">シャーロック・ホームズ</font><br />
<font color="White">シャーロック・ホームズ</font><br />
<font color="gold">シャーロック・ホームズ</font>
</p>
</body>
</html>

ブラウザ



応用

文字色と文字サイズを変えてみる。 color="RED" と size="6" の間に半角スペースを忘れないで下さい。順番は逆でも大丈夫です。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
</head>
<body>
<font color="red" size="6"> シャーロック・ホームズ</font>
</body>
</html>

ブラウザ




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項