課題４　ホームページ（HTMLファイル）に見出しをつけるには？

今日の研修内容

　今までの通信講座で紹介してきたホームページの中に，一目でホームページの内容がわかる見出しを見たことがあると思います。最近では，ペイントツール等で変形させた文字やイラスト的なタイトルも多くなってきました。今日は、ホームページの見出しの付け方を身につけましょう。

＜手順＞

（１）見出しの変更

「スタート」「プログラム」「アクセサリ」「メモ帳」の順に選択し，「ファイル」「開く」で　「sample1.htm」ファイルを開きます。（「すべてのファイル」「3.5インチFD」）
②の部分を自分の学校名に書き換えましょう。そして，「ファイル」「上書き保存」の順に指定し，ファイルの内容を更新します。

<HTML>
<HEAD>
<TITLE>○○○学校ホームページ</TITLE>
</HEAD>
<BODY>
<H1>○○○学校の紹介</H1> ・・・・・・・・・・・・・②
（略）

（２）表示

ネットスケープを起動します。「接続」ウインドウが開きますが、「キャンセル」します。
次に、「ファイル」の中の「ファイルを開く」を選び、「3.5インチFD」の中の「sample1.htm」を選択します。すると、みだし部分に自分の学校名が大きく表示されます。

ワンポイントアドバイス
　通常、見出しには<Hn>**</Hn>を用いますが、文字フォントサイズを指定する方法もあります。
<FONT SIZE=n>***</FONT>というように、見出しとして表示したい部分をタグで囲むことでみだしと同じ効果を出すことができます。詳しくは、これ以降の資料を参照してください。

＜まとめ＞

　見出しを表示するには、<H1>と</H1>で文字を括ります。また、見出し文字の大きさを任意に変更することもできます。ここでは，<H1>○○○学校の紹介</H1>としましたが，この数字を１～６に変えることができ，数字が大きくなるにしたがって，表示される文字の大きさは小さくなります。

　　＜キーワード＞
　　<Hn>○○○</Hn>　ホームページの見出しを表示するタグ

作成者	田中正己
所　属	岐阜県教育センター