２．少し愛想がないので ■横線を引く 横線を引きたい場所に <HR>と入れてみよう
■文字を大きく，または小さく <FONT SIZE=6>大きくしたい文字</FONT> 大きくしたい文字 <FONT SIZE=2>小さくしたい文字</FONT> 小さくしたい文字 この「SIZE=」の次の数字は１〜７の範囲で変えることができます。 「1」が一番小さく，「7」が最も大きな文字です。 指定をしないと「3」の大きさの文字になります。 いろいろな数字で文字の大きさを確かめてみましょう。 ■文字の色を変えたい <FONT COLOR="#00FF00">緑の文字</FONT> 緑の文字 「COLOR=」の次の"#XXXXXX"は色のコードです。 別紙の表を参照にしてください。できるだけ別紙の２１６色のみ使って ください。そうしないとＷｉｎｄｏｗｓとＭａｃで別な色になることが あります。 いろいろな色で文字を書いてみましょう。 ■大きく，色も変えたい 下のようにいっぺんに指定もできます。 <FONT SIZE=6 COLOR="#FF0000">大きく，赤の文字</FONT> 大きく，赤の文字 ■文字を太くする <B>太い文字</B> 太い文字 ■イタリック体の文字 <I>イタリック体の文字</I> イタリック体の文字 ■アンダーライン <U>アンダーライン</U> アンダーライン ■こんな使い方もできます 大きな赤の文字で，太く，イタリックで，アンダーラインがある。 <FONT SIZE=6 COLOR="#FF0000"><B><I><U>大きな，赤，太く，イタリックで，アンダーライン</U></I></B></FONT> 大きな，赤，太く，イタリックで，アンダーライン ■背景や，文字全部の色を初期設定する <BODY TEXT ="#CCFFCC" BGCOLOR="#009900"> 「TEXT=」・・・文字の色の初期設定 「BGCOLOR=」・・背景色の設定 「文字の色を変える」と同じコードを使います。いろいろな色で表示してみましょう。 ここでは，リンクの色の変更もできます。 「LINK=」「VLINK=」「ALINK=」 ３．画像を入れたい ■アイコンや，絵文字などの入手方法 ・ホームページ素材集などを買ってくる ・インターネットサイトでタダで配っているところがたくさんあります。 ・自分で作る（少し面倒，今回は扱いません） ここでは，インターネットサイトでタダで配っている方の落とし方について 説明します。そのようなページはＹＡＨＯＯ！などで，アイコン，無料などの キーワードでたくさん出てきます。 例：Ｇ−ＴＯＯＬ http://www.siliconcafe.com/gtool/ ますはその様な画像を集めましょう。あなたのパソコンに落としてください。 先ほどのホームページのフォルダの下に画像専用のフォルダを作っておくと便利です ・・・・・・・・アドバイザーの方説明をお願いいたします。 ■画像の表示方法です。 <IMG SRC="gazo.gif">
gazo.gifの所を表示したいファイル名にしてください。画像を別フォルダに
入れた場合は，下のようなパスを入れてください。gazo.gifをiconフォルダに入れた場合。
<IMG SRC="icon/gazo.gif">
■写真
デジタルカメラまたはスキャナーを使います。
・スキャナ
写真や，Ａ４程度の画像はフラットヘッドスキャナ。ネガフィルムはフィルムスキャナを
使います。
・画像の加工
デジタルカメラを使うにしろ，スキャナーを使うにしろホームページに使うには大きすぎる
画像がほとんどです。ＰＡＩＮＴ ＳＨＯＰなどのアプリケーションで変更する必要があります。
この辺は次回の勉強会で扱いたく思います。
４．レイアウト
■その１ 文字の回り込み
・表示例
┌─────┐説明・・・・・・
│ 写真 │・・・・・・・
│ファイル名│・・・・・・・
│gazo.jpg │
│ │
│ │
└─────┘
別な説明・・・・・・
<IMG SRC="gazo.jpg" ALIGN=LEFT>・・・・・・「LEFT」の部分を「RIGHT」にしてみましょう
説明・・・・・・<BR>
・・・・・・・<BR>
・・・・・・・
<BR CLEAR=ALL>・・・・・・文字回り込みの解除
別な説明・・・・・・・・
■その２ 中央に表示
┌─────┐
│ 写真 │
│ファイル名│
│gazo.jpg │
│ │
│ │
└─────┘
説明・・・・・・
・・・・・・・
・・・・・・・
<CENTER>
<IMG SRC="gazo.jpg"><BR>
説明・・・・・・<BR>
・・・・・・・<BR>
・・・・・・・
</CENTER>
■文章の箇条書き
<DL>
<DT>見出し１
<DD>内容１・・・・・・・・・
<DT>見出し２
<DD>内容２・・・・・・・・・・
<DT>見出し３
<DD>内容３・・・・・・・・・・
</DL>
下のように表示されます。
