簡単ホームページをメモ帳で作ろうよ

第八回：絶対パスと相対パス、中田選手が得意なキラーパス(^_^;。

＜nifty:FROM40PC/MES/11/1304＞

今日のタグ

＜BASE HREF="ベース（基準）となるアドレス">
例： <BASE HREF="http://forum.nifty.com/from40pc/">

このようにベース（基準）となるアドレス、ベースアドレスを記述しておくと、そこからのリンク先を指定するのに便利なことがあります。

＜絶対パスの例＞
"http://forum.nifty.com/from40pc/index.html"
"http://forum.nifty.com/from40pc/tago/jisaku.html"
"c:\My Documents\HomePage\mit\comp.html"
上のような記述を絶対パス（フルパス）で指定すると言います。

それに対して、基準となるベースアドレスを一度記述しておいて、
そこから相対パスでリンク先を指定することもできます。
この場合は、パスの書き方が短くて済みます。たとえば、次のようにです。
"../index.html"　　（上位ディレクトリの index.html）
"comp.html"　　　　（同位ディレクトリの comp.html）
"IMAGES/tago.html" （下位ディレクトリIMAGEの中の tago.html）
どうです、ほんとに短くて済みますよね。
どちらが便利かは、言わずもがなでしょう。

＜今日のサンプルタグ＞　

<html>
<head>
<title>
絶対パスと相対パス、定期券もパスですよ
</title>
<BASE HEREF="C:\My Documents\path.htm">
</head>
<body>
このページのパスは C:\My Documents\path.htm です。
 
次のリンクは、相対パスで指定しています。
（このページに戻るときは、ブラウザの戻るボタンで戻ってね。）
 
 
<A HREF="../test.htm">テスト（相対パスでリンク）</A>
 
 
次のリンクは、絶対パスで指定しています。
（このページに戻るときは、ブラウザの戻るボタンで戻ってね。）
 
 
<A HREF="C:\test.htm">テスト（絶対パスでリンク）</A>
 
 
どちらも同じページに飛べば、大成功です。
お疲れさまでした。(^_^)
</body>
</html>

上の内容を、path.htm という名前で C:\My Documents に保存しましょう。
下の内容を、test.htm という名前で C:\ に保存しましょう。

<html>
<head>
<title>
テストのページです
</title>
</head>
<body>
これはテストのページです。相対パスの指定でこのページが開けば、
成功ですね。(^_^)
</body>
</html>

保存が済んだら、path.htmをブラウザで開いてみてください。リンク先が同じページに指定されているので、
ちゃんと表示されれば成功です。

リンク先が同じページに飛べば大成功！(^_^)(ノ・・)ン。。。。。。(((●コロコロッ

Lesson 1	Lesson 2	Lesson 3	Lesson 4	Lesson 5	Lesson 6	Lesson 7	Lesson 8	Lesson 9	Lesson10
Lesson11	Lesson12	Lesson13	Lesson14	Lesson15	Lesson16	Lesson17	Lesson18	Lesson19	Lesson20
Lesson21	Lesson22	Lesson23	Lesson24	Lesson25	Lesson26	Lesson27	Lesson28	Lesson29	Lesson30

みつりんの簡単ホームページ講座トップ

トップページへ	コマンドプロンプト	VBAで遊ぼう	パレットへ(注)	ホームページ道場へ(注)
(注）@nifty会員のみご利用いただけます		30日で完成ホームページ本		ファイルの開き方