課題５　ホームページ（HTMLファイル）に文字を表示するには？

今日の研修内容

　すでに各学校では、インターネットに接続してさまざまなホームページを閲覧されたことと思います。そのほとんどが「文字」と「画像」「図形」で構成されております。文字情報は詳しい内容を説明したり、イメージ部分を補足したりする目的で貼り付けられています。今日は、文字の表示について研修しましょう。

＜手順＞

（１）学校紹介（文字情報）の付加

「スタート」「プログラム」「アクセサリ」「メモ帳」の順に選択し，「3.5インチFD」の中にある「sample1.htm」ファイルを開きます。
③の部分に、各学校の紹介に関する内容を２～３行、書き加えましょう。そして，「ファイル」「上書き保存」の順に指定し，ファイルの内容を更新します。

<HTML>
<HEAD>
<TITLE>○○○学校ホームページ</TITLE>
</HEAD>
<BODY>
<H1>○○○学校の紹介</H1>
○○○学校では，「勤労生産学習を通じてたくまし・・・・・・・・・・・・③

（２）表示

メモ帳はそのまま。「スタート」「プログラム」「Netscape」「Netscape」と選択し、ネットスケープを起動します。「接続」ウインドウが開きますが、「キャンセル」します。
「ファイル」「ファイルを開く」を選び、「3.5インチFD」の中の「sample1」を選択します。

＜演習＞

内容の打ち間違いや訂正、追加の場合には、タスクバー（画面下）の「メモ帳」をクリックし修正，保存し、ネットスケープで再表示させます。

ワンポイントアドバイス
　ホームページ上に文字を表示させるには、<BODY>と</BODY>の間に「表示させたい文字」を記述しま　す。読みやすいホームページにするためには、改行や改段落の方法の他に、空白を入れると一層見やすいホームページになります。たとえば、文字の書き出しでは、最初の１文字を空けて書き出します。ワンポイントアドバイスで、「空白文字が無視される」と書きましたが、「全角の空白」の場合は、空けてくれます。

＜まとめ＞

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

　　＜キーワード＞
　　<Br>　　　文字列を改行するタグ

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

通信講座	岐阜県教育センター
第３章　ホームページの作成

第３章 ホームページの作成

第３章　ホームページの作成