| HOME | MAIL | 本館:b-cures. | 別館:Template b |
 
★高収入が可能!WEBデザインのプロになってみない?!

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

▼ページ全体の文字色を指定する

<body>の中に text="指定する色の番号" を入力します。

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999">
<h1>HP作成支援 </h1>
HPを作ってみましょう
</body>
</html>

サンプルページ

▼文字色を指定する

文字色を変える文章を<font color="指定する色の番号" ></font>で囲みます。

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body bgcolor="#CCCCFF" text="#666666" >
<h1>HP作成支援</h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
HPを作ってみましょう
</body>
</html>

サンプルページ

▼文字サイズを指定する

文字色を変える文章を<font size="文字の大きさを示す数字"></font>で囲みます。

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

サンプルページ

▼書体を指定する

書体を変える文章を<font face="書体の種類"></font>で囲みます。

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body bgcolor="#CCCCFF" text="#666666">
<h1>HP作成支援</h1>
HPを作ってみましょう(サイズを指定していない文章)<br>
<font face="MS Pゴシック">HTMLを作成してみましょう</font><br>
<font face="MS P明朝">HTMLを作成してみましょう</font><br>
<font face="Arial">HTMLを作成してみましょう</font><br>
<font face="Times New Roman">HTMLを作成してみましょう</font><br>
<font face="sans-serif">HTMLを作成してみましょう</font><br>
HPを作ってみましょう(サイズを指定していない文章)
</body>
</html>

サンプルページ

(C)2006 html sample. All Rights Reserved.