| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

文字色とサイズを指定する

▼文字サイズと文字色を同時に指定する

文字色を変える文章を<font size="文字の大きさを示す数字" >と</font>で囲みます。 size="〜"と color="〜"の間には、半角スペースがあります。これを埋めてしまうと命令文が反映されませんのでご注意ください。

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body bgcolor="#CCCCFF" text="#666666">
<h1>HP作成支援</h1>
HPを作ってみましょう(サイズを指定していない文章)<br>
<font size="1" color="#00CC33">HTMLを作成してみましょう</font><br>
<font size="2" color="#0000FF">HTMLを作成してみましょう</font><br>
<font size="3" color="#000000">HTMLを作成してみましょう</font><br>
<font size="4" color="#00FFFF">HTMLを作成してみましょう</font><br>
<font size="5" color="#FFFF00">HTMLを作成してみましょう</font><br>
HPを作ってみましょう(サイズを指定していない文章)
</body>
</html>

サンプルページ

▼文字サイズと文字色と書体を同時に指定する

書体を変えるタグはfont face="書体の種類"です。 size="〜"と color="〜"とface="〜"の間には、それぞれ半角スペースがあります。これを埋めてしまうと命令文が反映されませんのでご注意ください。

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body bgcolor="#CCCCFF" text="#666666">
<h1>HP作成支援</h1>
HPを作ってみましょう(サイズを指定していない文章)<br>
<font size="1" color="#00CC33" face="ＭＳ Ｐゴシック">HTMLを作成してみましょう</font><br>
<font size="2" color="#0000FF" face="ＭＳ Ｐ明朝">HTMLを作成してみましょう</font><br>
<font size="3" color="#000000" face="Arial">HTMLを作成してみましょう</font><br>
<font size="4" color="#00FFFF" face="Times New Roman">HTMLを作成してみましょう</font><br>
<font size="5" color="#FFFF00" face="sans-serif">HTMLを作成してみましょう</font><br>
HPを作ってみましょう(サイズを指定していない文章)
</body>
</html>

サンプルページ
(C)2006 html sample. All Rights Reserved.