リンクを指定する方法は、3通りあります。
1)一つはURLによる指定、
例−"http://www.katch.ne.jp/"です。
2)二つめは同一サーバー内つまり同じサーバーの中の
ディレクトリを指定するやり方です。
これはリンクしたいファイルが、サーバ内部のディレクトリ
のどの階層にあるかをリンク元の位置からの相対で表現
するやり方です。
例−"/home/public/"です。
簡単にいってしまえば、サーバ名を省略したやり方といえます。
自分のホームページのあるディレクトリで、特定の箇所にいつも
リンクする場合や、同じアイコンをたくさんのファイルから使い
回す場合などに便利です。
3)最後に、リンク元とリンク先のその階層の相対的な位置関係で
指定してしまおう、というやり方です。例−"../sub.html"
たとえば、リンク元とリンク先が同じ階層にあればファイル名
だけで指定することが可能です。
一つ上の階層は「../」という表現で指定することも可能です。
階層が浅い場合には非常に簡単に記述することができます。
逆に深い場合にはドキュメントルートからの絶対パスによる
指定を使うほうが便利です。
-----------------------------------------------------
(4) 画像を貼り付ける
-----------------------------------------------------
1) <IMG SRC="abc.gif">
画像ファイルをページに張り付けるときは、このタグを使います。
このタグの場合には、閉じる必要はありません。
「""」のあいだに画像ファイルの名前を記して下さい。
HTMLファイルと画像ファイルの相対位置関係
リンクでもお話ししたとおり、HTMLファイルに他のファイルを取り
込む際には、その相対的な位置関係が問題になります。
たとえば「/~art/」のディレクトリに、「index.html」ファイルとその
中で使われる「abc.gif」ファイルが置かれていた場合には、
HTMLファイル内での記述は<IMG
SRC="abc.gif">となり、
ブラウザ画面上で正しく、この「abc.gif」ファイルが表示されます。
/~art/index.html
/~art/abc.gif
しかし、もしこの「index.html」ファイルが「/~kato/」よりさらに
一つ下のディレクトリ「sub」に置かれた場合には、「abc.gif」
画像ファイルは表示されません。
HTMLファイル内の記述「<IMG SRC="abc.gif">」がそのまま
なので、ブラウザが「/~art/」ディレクトリの中で「abc.gif」を
探してしまい、それを見つけだせないからです。
/~art/sub/sab.html
/~art/abc.gif のような場合はHTMLファイル内の記述を
<IMG SRC="../abc.gif">に変えます。
「../」は一つ上の階層にあるディレクトリであることを
表わします。
2)画像ファィルの種類
現在ブラウザ上で直接表示可能な画像の種類は2つ
「gif」ファイルと「jpg」ファイルです。
2つともネットワークを経由した、転送を容易にするために
データが圧縮されています。
大まかな使い分けの目安としては、「gif」はイラストやフォントを
画像として処理したとき。
また「jpg」は写真など色数が多く使われた画像に使います。
-----------------------------------------------------------
|