HTML・CSSでファイルパスを記述する方法(3ページ目)

「http://」で始まるURLを書く

他のサーバに存在するファイルなどは、「http://」などで始まるURLを記述することで指定できます。（同一サーバにあるファイルでも、URLを使って記述しても構いません。）

[HTML] リンク：

<a href="http://www.example.com/orange/target.html">リンク先名称</a>

[HTML] 画像の表示：

<img src="http://www.example.com/ponkan.jpg" width="120" height="90" alt="ポンカン">

[CSS] 背景画像の指定：

background-image: url("http://www.example.com/orange/bg.jpg");

リンクの場合は、「http://」や「https://」以外にも、「ftp://」でFTPサーバへリンクしたり、「mailto:」でメールアドレスにリンクしたりもできます。

ファイルパスの書き方はいろいろなところで使える

上記でご紹介したファイルパスの記述方法は、リンクや画像の表示に限らず、HTMLやスタイルシートで特定のファイルを指し示す必要があるすべての場合に使用可能です。例えば、読み込む外部スクリプトの場所を指定したい場合や、RSSフィード、Faviconファイルの指定などにも使えます。