HTML Link မ်ား

Link ေတြကုိ ဝဘ္စာမ်က္ႏွာ တုိင္းလုိလုိမွာေတြ႔ရပါတယ္။ Link ေတြက ဝဘ္စာမ်က္ႏွာ တစ္ခုကေနတစ္ခုကုိ အလုိရွိသလုိ အကူးအေျပာင္း လုပ္ဖုိ႔ ကူညီေပးမွာပါ။

---

HTML Hyperlink မ်ား (Link မ်ား)

Hyperlink ဒါမွမဟုတ္ link ဆုိတာက စကားလုံးတစ္ခု၊ စကားလုံးတစ္စု ဒါမွမဟုတ္ရင္ ပုံတစ္ပုံ လည္းျဖစ္ႏုိင္ပါတယ္။ သူ႔ကိုႏွိပ္ရင္ ေနာက္ Document တစ္ခုကုိေရာက္သြားမလား ဒီDocument ထဲမွာပဲ တစ္ေနရာကုိ ခုန္သြားမလားဆုိတာ ေရးသားသူက ေရြးခ်ယ္ရမွာျဖစ္ပါတယ္။

Mouse ကမွ်ားကုိ ဝဘ္စာမ်က္ႏွာ ေပၚမွာျဖတ္ဆြဲလုိက္လုိ႔ Link တစ္ခုေပၚေရာက္သြားခဲ့ရင္ မွ်ားပုံစံကေန လက္ကေလး ပုံစံေျပာင္းသြားတာကုိ ေတြ႔ရပါလိမ့္မယ္။

HTML မွာ<a> tag ကုိသုံးျပီး Link ခ်ိတ္ရပါတယ္။
<a> tag ကုိနည္းလမ္း ၂ မ်ိဳးန႔ဲသုံးႏုိင္ပါတယ္။

1. တျခား document ကုိလွမ္းခ်ိတ္ဖုိ႔အတြက္ href attribute ကုိသုံးၾကပါတယ္။
2. ဒီ document ထဲကပဲ တစ္ေနရာရာကုိလွမ္းခုန္ဖုိ႔အတြက္ (Bookmark အတြက္) name attribute ကုိသုံးရပါမယ္။

---

HTML Link Syntax

Link အတြက္ HTML code ကရွင္းပါတယ္။ ဒီလုိေလးပါ။

<a href="url ">Link အတြက္ေပၚခ်င္တဲ့ စာသား</a> 

href attribute က Link ရ့ဲေနရာကုိ အထူးျပဳပါတယ္။

ဥပမာ

<a href="http://www.soemoeaung.com/">Visit www.soemoeaung.com</a> 

အဲဒါကအခုလုိေပၚမွာျဖစ္ပါတယ္ Visit www.soemoeaung.com
အေပၚက hyperlink ကိုႏွိပ္လုိက္ရင္ ဒီ www.soemoeaung.com ရဲ့ မူလစာမ်က္ႏွာ ကုိေရာက္မွာျဖစ္ပါတယ္။
မွတ္ခ်က္ — Link လင့္ခ္ ေပးတဲ့ စာသားဟာ အျမဲ စာသားပဲျဖစ္ရမယ္ဆုိတာ မဟုတ္ ပါဘူး။ သူက ပုံတစ္ပုံ ဒါမွမဟုတ္  အျခား HTML element တစ္ခုခုျဖစ္ႏိုင္ပါတယ္။

---

HTML Link မ်ား  - Target Attribute

target attribute ကေတာ့ လင့္ခ္ခ်ိတ္ထားတဲ့ Document ေတြကုိ ဘယ္လုိဖြင့္ေပးမလဲ ဆုိတာကုိ သတ္မွတ္ပါတယ္။
ေအာက္က ဥပမာမွာေတ့ လင့္ခ္ခ်ိတ္ထားတဲ့ Document ကုိ Browser (ဘေရာက္ဆာ) အသစ္တစ္ခုနဲ႔ ဒါမွမဟုတ္ Tab အသစ္တစ္ခုနဲ႔ ဖြင့္ေပးမွာျဖစ္ပါတယ္။

ဥပမာ

<a href="http://www.soemoeaung.com/" target="_blank">Visit www.soemoeaung.com</a>

HTML လင့္ခ္မ်ား- name Attribute

name attribute ေတြကေတာ့ anchor တစ္ခုရဲ့ အမည္ကုိ သတ္မွတ္ပါတယ္။
Name Attribute ေတြကုိ HTML Document အမွားမွာပဲ Bookmark ေတြကုိဖန္းတီးဖုိ႔ အသုံးျပဳပါတယ္။

မွတ္ခ်က္ — ေနာက္ေခတ္စားလာမယ့္ HTML5 စံႏႈန္းမွာေတာ့ Anchor တစ္ခုအတြက္ အမည္ေပးျခင္းကုိ name attribute အစား ID attribute သုံးေပးဖုိ႔ အၾကံျပဳပါတယ္။ Id attribute အသုံးျပဳတာေၾကာင့္ HTML4 နဲ႔ လက္ရွိ browser (ဘေရာက္ဆာ) အားလုံးအတြက္လည္း ျပႆနာျဖစ္ေစမွာ မဟုတ္ ပါဘူး။
Bookmark ေတြကုိ ပုံစံအမ်ိဳးမ်ိဳးနဲ႔ ျပသၾကပါတယ္။ ဒါေတြကို ဝဘ္စာမ်က္ႏွာ ၾကည့္ရႈသူကျမင္ရမွာေတာ့ မဟုတ္ ပါဘူး။

ဥပမာ
HTML document မွ Anchor တစ္ခု

<a name=" Notes">သိထားသင့္ေသာ  မွတ္ခ်က္ေတြအပုိင္း</a>

ထုိ HTML စာမ်က္ႏွာတစ္ခုတည္းမွာ " သိထားသင့္ေသာ မွတ္ခ်က္ေတြအပုိင္း " လင့္ခ္တစ္ခုကုိ ဖန္တီးျခင္း

<a href="#notes">သိထားသင့္ေသာ မွတ္ခ်က္ ေတြအပုိင္း ကိုၾကည့္ရန္</a>

ဒါမွမဟုတ္  အျခားစာမ်က္ႏွာကေန လွမ္းေခၚၾကည့္ခ်င္တယ္ဆိုရင္

<a href="http://www.soemoeaung.com/html_links.htm#notes">သိထားသင့္ေသာ မွတ္ခ်က္ ေတြအပုိင္း ကိုၾကည့္ရန္</a>

---

မွတ္စုမ်ား

မွတ္ခ်က္ — subfolder အညႊန္းေတြအတြက္ မ်ဥ္းေစာင္း သေကၤတ / ကုိအျမဲထည့္ပါ။ အကယ္၍ေအာက္မွာျပထားတဲ့အတုိင္း လင့္ခ္ခ်ိတ္ထားရင္

href="http://www.soemoeaung.com/html" 

သင့္အေနန႔ဲ Server ကုိ Request ႏွစ္ခုနဲ႔ ေတာင္းဆုိလုိက္မွာျဖစ္ပါတယ္။ ဒါကုိ Server အေနနဲ႔ မ်ဥ္းေစာင္း / တစ္ခုအရင္ထည့္ေပးမွာျဖစ္ျပီး ေနာက္ထပ္ Request တစ္ခုကုိ ထပ္ဖန္တီးေပးမွာျဖစ္ပါတယ္။ ေအာက္ပါအတုိင္းျဖစ္ပါတယ္။ 

href="http://www.soemoeaung.com/html/"

မွတ္ခ်က္ — Named anchor ေတြဟာ တစ္ခါတစ္ေလမွာ Document အၾကီးၾကီးေတြအတြက္ မာတိကာ သေဘာမ်ိဳးလည္း သုံးတတ္ပါတယ္။ အခန္းတုိင္းအတြက္ Anchor တစ္ခုထားျပီးေတာ့ အဲဒါေတြအားလုံးကုိ အဲဒီ့ စာမ်က္ႏွာၾကီးရဲ့ ထိပ္ဆုံးမွာ ထားတတ္ပါတယ္။

---

HTML Link Tag

Tag	အေၾကာင္းအရာ
<a>	Anchor တစ္ခုအျဖစ္သတ္မွတ္ပါတယ္။

 http://www.soemoeaung.com

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ

လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ

စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Posted in: Html