アイコンについて

質問

アイコンの張り方がわかりません。
そしてHOMEのアイコンがあったとしたらちゃんとそこをクリックしたらHOMEに戻るやりかたもよろしければ教えてください。

回答No.3

Lunaria

No.2の方の回答に補足させてください。

<img src="○○">
これでアイコン画像が貼れます。リンクを貼ると周囲にリンクを示す枠が出てしまい、あまり見栄えが良くありません。
そこで
<img src="○○" border="0">
というふうにすると、枠が消えてスッキリします。
更にサーバーが重くて画像を読み損なった場合や、元から画像を表示しないブラウザ、音声読み上げブラウザ等のために
<img src="○○" border="0" alt="ホームに戻る">
というふうに説明を入れてください。
そして
<img src="○○" border="0" alt="ホームに戻る" width="画像の幅" height="画像の高さ">
このように書くことによって読み込み途中のレイアウト崩れを防ぎ、体感的にページ読み込みを早く感じさせることが出来ます。画像の幅や高さは右クリックしてプロパティを見ます（ウインドウズの場合）。

アイコン画像を別のディレクトリに置く場合（そのほうがおすすめ）は
<img src="フォルダ名/○○" border="0" alt="ホームに戻る" width="画像の幅" height="画像の高さ">
です。

仮にトップページのファイルが同じ階層にある「index.html」で、アイコンが「image」というディレクトリの中にある「icon.gif」（幅40px高さ10px）の場合下記のように。

<a href="index.html"><img src="image/icon.gif" border="0" alt="ホームに戻る" width="40" height="10"></a>

回答No.2

redrose_wine

こんにちは。

ご質問から察するに、ホームページ制作にあたり、素材屋さん等でアイコンを入手し、そのアイコンをページに貼る方法と、homeに戻る方法を知りたい、ということでよろしいでしょうか？
それでしたら、下記の通りでできるかとおもいます。

まずアイコンの張り方。

<img src="○○">

○○の部分に、アイコンのファイル名を入れればよいです。
その際注意しなければならないのが、もし、仮にicon.jpgというアイコンを使いたいとします。
その際、記述は<img src="icon.jpg">となりますが、アイコンとページを置くディレクトリを同じにしなければなりません。
もしどちらかを別ディレクトリに置く場合は、そのディレクトリを指定しなければなりません。

次にhomeへの戻り方。

<a href="○○"><img src="○○"></a>

上記のように、先ほどのアイコンを表示させるタグをリンクさせるタグで囲えばいいだけです。
アイコンファイルがIcon.jpgだとし、Homeページ名がHome.htmlだったとしたら・・・。
<a href="Home.html"><img src="Icon.jpg"></a>
となります。

少しでもご参考になれば幸いです。
もし、ご質問内容について私の解釈が間違っておりましたら、補足をお願いします。

参考URL：

http://www.tagindex.com/

回答No.1

miumiumiu

参考になりますでしょうか？
http://hyper5.amuser-net.ne.jp/~lisa/kouza/cgi-f.htm

参考URL：

http://hyper5.amuser-net.ne.jp/~lisa/kouza/cgi-f.htm