Link to Another Page
ပထမဆံုး ကၽြန္ေတာ္တုိ႕ေတြ page ၁ ခု နဲ႕ တစ္ခု ခ်ိတ္ဆက္ၾကည့္တာေပါ့။ folder တစ္ခုထဲမွာ index.html နဲ႕ gallery.html ဆုိျပီး file ၂ ခု ဖန္တီးလိုက္မယ္။
index.html မွာ
<html>
<head>
<title>Link</title>
</head>
<body>
<h1>Home Page</h1>
<a href="gallery.html">Gallery</a>
</body>
</html>ဆုိျပီး ရိွတယ္။
gallery.html မွာ
<html>
<head>
<title>Link</title>
</head>
<body>
<h1>Gallery</h1>
<a href="index.html">Home</a>
</body>
</html>ဆုိျပီ။ ရိွတယ္။
ကၽြန္ေတာ္တို႕ index.html ကို ဖြင့္ၾကည့္ရေအာင္။ အဲဒီမွာ Gallery ဆိုၿပီး အျပာေရာင္ မ်ဥ္းတားထားတဲ့ စာကို ေတြ႕ရပါလိမ့္မယ္။ Click လုပ္ၾကည့္တဲ့ အခါမွာ gallery page ကို ေရာက္သြားပါမယ္။ Browser ရဲ႕ address bar မွာလည္း link ေျပာင္းသြားတာကို ေတြ႕ရပါမယ္။
Figure 6-3
Figure 6-4
Home ကို ျပန္ႏိွပ္ၿပီးတဲ့ အခါမွာေတာ့ Gallery ဆိုတဲ့ စာက ခရမ္းေရာင္ျဖစ္ေနတာကို ေတြ႕ရပါမယ္။ ဘာေၾကာင့္လည္းဆိုေတာ့ Gallery link ကို ႏိွပ္ထား ၿပီးသားျဖစ္လို႕ပါ။
ကၽြန္ေတာ္တို႕ index.html ကို gallery ဆိုတဲ့ folder ထဲမွာ ေဆာက္မယ္။ ၿပီးေတာ့ index.html မွာ link ကို ျပင္လိုက္တယ္။
<html>
<head>
<title>Link</title>
</head>
<body>
<h1>Home Page</h1>
<a href="./gallery/index.html">Gallery</a>
</body>
</html>gallery folder ေအာက္က index.html မွာ
<html>
<head>
<title>Link</title>
</head>
<body>
<h1>Gallery</h1>
<a href="../index.html">Home</a>
</body>
</html>အဲဒီ code မွာ ../ ဆုိတာကို ေတြ႕ႏိုင္ပါတယ္။ ../ ဆုိတာက up ကိုေျပာတာပါ။ လက္ရိွ folder ရဲ႕ အေပၚ တဆင့္ လုိ႕ ဆုိလိုတာပါ။
Path
Link ေတြ image ေတြကို ထည့္မယ္ဆုိရင္ HTML မွာ ဘယ္လိုမ်ဳိး path ေတြကို ေရးရသလဲ ဆုိတာကို သိဖို႕လိုပါတယ္။
| Path | Description |
|---|---|
| ./ | လက္ရိွ file ၏ folder နဲ႕ level အတူတူ ။ ဥပမာ။ ./index.html , ./sample.jpg |
| ../ | လက္ရိွ file ၏ folder ရဲ႕ တစ္ဆင့္ အထက္ တြင္ ရိွေသာ လမ္းေၾကာင္း။ |
| ../../ | လက္ရိွ file ၏ folder ရဲ႕ ႏွစ္ဆင့္ အထက္ တြင္ ရိွေသာ လမ္းေၾကာင္း။ ဥပမာ။ index.html , sample/sub/index.html တြင္ sample/sub/index.html ကေန index.html ကို ေခၚလိုပါက ../../index.html ဟု ေခၚရသည္။ |
| / | parent သို႕မဟုတ္ domain အစ။ ဥပမာ။ www.example.com/gallery/sample.html တြင္ link ၏ src ကို / ဟု ေရးထားပါက www.example.com သို႕ ျပန္ေခၚထားျခင္းျဖစ္သည္။ |