作ってみよう

 Step.3 フォントサイズを指定しよう

   
 まず先程保存したindex.htmlをテキスト形式で開きましょう

 デスクトップ上のhpフォルダを開きindex.html
 右クリック
アプリケーションから開くnotepadで開きます

 

   
 開いたら先程入力した文の<body></body>の間を 削除して以下の文を入力しましょう
   
<html>
<head>
<title> My Web Sight </title>
</head>
<body>
ここから ↓
<p>
<font size="1">
フォントサイズ1</font><br>
<font size="2">フォントサイズ2</font><br>
<font size="3">フォントサイズ3 (基準)</font><br>
<font size="4">フォントサイズ4</font><br>
<font size="5">フォントサイズ5</font><br>
<font size="6">フォントサイズ6</font><br>
<font size="7">フォントサイズ7</font>
</p>

ここまで  ↑
</body>
</html>
 
 タグの説明

 <font size="1から7"></font>
 フォントのサイズを指定します1から7まであり数字が大
 きくなるにつれて、フォントも大きくなります。基準は3です。
 指定しない場合は基準の3になります。

 <br>
 改行です

 他にもフォントサイズを相対値で表示する方法などが
 ありますが、そちらは別に覚えなくても良いので省きます。

   
 入力出来たら上書き保存してindex.htmlを開いてみましょう 以下のように表示されると思います。
   
フォントサイズ1
フォントサイズ2
フォントサイズ3
フォントサイズ4
フォントサイズ5
フォントサイズ6
フォントサイズ7
   

Home  Step.4