このページでは、今までに登場してきたタグの、それぞれの属性についてです。
◆ <a href="アドレス" target="_top"></a> これは、他のページへリンクするタグでしたね。（参照）
ｈｒｅｆというのは、おわかりのようにリンクする先のアドレスを指定する属性です。
その次のｔａｒｇｅｔについては、「ＨＰ作成講座、脱初心者編」の方で扱います。
◆ <font size="4" color="black" face="ＭＳ ゴシック"></font>
これは文字を指定するタグです。
ｓｉｚｅは字の大きさを指定する属性です。（参照）
ｃｏｌｏｒは字の色を指定します。カラーネームまたはＲＧＢコードを書きます。
ｆａｃｅは字の書体を指定できます。
◆ <hr width="400" size="2" align="left" noshade>
これは、水平線を引くタグです。（参照）
ｗｉｄｔｈは線の長さです。
ｓｉｚｅは線の太さを指定します。
ａｌｉｇｎは線の位置（左寄せ、真ん中、右寄せ）
ｎｏｓｈａｄｅは、この属性を記入すると、線の立体感がなくなります。
<hr width="200" size="4" align="left">

---

<hr width="200" size="4" align="left" noshade>

---

◆ <img src="画像" alt="説明文" width="100" height="100"
 border="0" vspace="5" hspace="4" align="bottom">
これは画像を表示するタグです。（参照）
ｓｒｃに画像のアドレスを書きます。
ｗｉｄｔｈは画像を表示する横幅。
ｈｅｉｇｈｔは画像を表示する高さ。
ｂｏｒｄｅｒは、画像の枠線の太さ。ｂｏｒｄｅｒ＝”０”で、枠線なしです。
ａｌｔには、画像が表示されていないときの説明文です。
画像を読み込んでいる間や、画像にマウスカーソルをあわせたときに、ここに書いた説明文が表示されます。
<img src="pic/tamakeri.png" alt="あっちゃん画像"
 width="84" height="100" border="0">
マウスカーソウルを画像にあわせると・・
ｖｓｐａｃｅは、画像とその上下の文字とのすき間の大きさを指定します。

vspace="0"の場合 あっちゃん画像の上の文字 あっちゃん画像の下の文字

vspace="20"の場合 あっちゃん画像の上の文字 あっちゃん画像の下の文字

ｈｓｐａｃｅは同様に左右のすき間の大きさを指定します。
ａｌｉｇｎは、画像と文字の位置関係を指定します。
ｔｏｐ、ｍｉｄｄｌｅ、ｂｏｔｔｏｍ、ｒｉｇｈｔ、ｌｅｆｔが指定できます。
<img src="pic/tamakeri.png" border="0" align="ここに指定">このあっちゃん画像の後に文字が・・・
というように画像の次に文章が続くとき、

topを指定したとき、このあっちゃん画像の後に文字がこのように続きます。

middleを指定したとき、このあっちゃん画像の後に文字がこのように続きます。

bottomを指定したとき、このあっちゃん画像の後に文字がこのように続きます。

leftを指定したとき、このあっちゃん画像の後に文字がこのように続きます。

rightを指定したとき、このあっちゃん画像の後に文字がこのように続きます。

---

---

ＰＣ−ＰＡＲＫトップに戻る
２４．ＨＴＭＬでホームページを作る。DOCTYPE 宣言
心の話サイコロＴｏｗｎ！へ