HTML လင့်ခ်များ
လင့်ခ်များကို ဝဘ်စာမျက်နှာအားလုံးနီးပါးတွင် တွေ့နိုင်သည်။ လင့်ခ်များသည် အသုံးပြုသူများအား ၎င်းတို့၏လမ်းကြောင်းမှ စာမျက်နှာတစ်ခုသို့ ကလစ်နှိပ်ရန် ခွင့်ပြုသည်။
HTML လင့်ခ်များ - ဟိုက်ပါလင့်ခ်များ
HTML လင့်ခ်များသည် ဟိုက်ပါလင့်ခ်များဖြစ်သည်။
လင့်ခ်တစ်ခုကို နှိပ်ပြီး အခြားစာရွက်စာတမ်းတစ်ခုသို့ ခုန်ဆင်းနိုင်သည်။
မောက်စ်ကို လင့်ခ်တစ်ခုသို့ ရွှေ့လိုက်သောအခါ မောက်စ်မြှားသည် လက်အနည်းငယ်သို့ ပြောင်းသွားမည်ဖြစ်သည်။
မှတ်ချက်- လင့်ခ်တစ်ခုသည် စာသားဖြစ်ရန် မလိုအပ်ပါ။ လင့်ခ်တစ်ခုသည် ရုပ်ပုံ သို့မဟုတ် အခြား HTML အစိတ်အပိုင်းတစ်ခု ဖြစ်နိုင်သည်။
HTML လင့်ခ်များ - Syntax
HTML <a>tag သည် ဟိုက်ပါလင့်ခ်ကို သတ်မှတ်သည်။ ၎င်းတွင် အောက်ပါ syntax ပါရှိသည်။
<a href="url">link text</a>
ဒြပ်စင် ၏ အရေးအကြီးဆုံး အရည်အချင်းမှာ လင့်ခ်၏ ဦးတည်ရာကို ညွှန်ပြသည့် အရည်အချင်းဖြစ်သည်။<a>
href
လင့်ခ်စာသား သည် စာဖတ်သူမြင်နိုင်စေမည့် အပိုင်းဖြစ်သည်။
လင့်ခ်စာသားကို နှိပ်လိုက်ခြင်းဖြင့် စာဖတ်သူကို သတ်မှတ်ထားသော URL လိပ်စာသို့ ပို့ပေးပါမည်။
ဥပမာ
ဤဥပမာသည် W3Schools.com သို့ လင့်ခ်တစ်ခုဖန်တီးနည်းကို ပြသည်-
<a href="https://www.w3schools.com/">Visit W3Schools.com!</a>
မူရင်းအားဖြင့်၊ ဘရောက်ဆာအားလုံးတွင် အောက်ပါအတိုင်း လင့်ခ်များ ပေါ်လာလိမ့်မည်-
- မကြည့်ရသေးသောလင့်ခ်သည် မျဉ်းသားပြီး အပြာရောင်ရှိသည်။
- ဝင်ကြည့်ထားသောလင့်ခ်သည် မျဉ်းသားပြီး ခရမ်းရောင်ဖြစ်သည်။
- အသက်ဝင်သောလင့်ခ်ကို မျဉ်းသားပြီး အနီရောင်ရှိသည်။
အကြံပြုချက်- လင့်ခ်များကို CSS ဖြင့် ပုံစံသွင်းနိုင်သည်၊၊ နောက်တစ်ခုကြည့်ရန်။
HTML လင့်ခ်များ - ပစ်မှတ် Attribute
မူရင်းအားဖြင့်၊ လင့်ခ်ချိတ်ထားသောစာမျက်နှာကို လက်ရှိဘရောက်ဆာဝင်းဒိုးတွင် ပြသမည်ဖြစ်သည်။ ၎င်းကိုပြောင်းလဲရန်၊ သင်သည် လင့်ခ်အတွက် အခြားပစ်မှတ်တစ်ခုကို သတ်မှတ်ရပါမည်။
targetရည်ညွှန်းချက်သည် လင့်ခ်ချိတ်ထားသော စာရွက်စာတမ်းကို ဖွင့်ရမည့်နေရာကို သတ်မှတ်ပေးသည် ။
ရည်ညွှန်းချက်တွင် အောက်ပါ targetတန်ဖိုးများထဲမှ တစ်ခု ရှိနိုင်သည်-
_self- ပုံသေ။ ကလစ်နှိပ်ထားသည့်အတိုင်း တူညီသောဝင်းဒိုး/တက်ဘ်တွင် စာရွက်စာတမ်းကိုဖွင့်ပါ။_blank- ဝင်းဒိုးအသစ် သို့မဟုတ် တက်ဘ်တွင် စာရွက်စာတမ်းကို ဖွင့်ပါ။_parent- ပင်မဘောင်တွင် စာရွက်စာတမ်းကို ဖွင့်ပါ။_top- ဝင်းဒိုး၏ကိုယ်ထည်အပြည့်အစုံတွင် စာရွက်စာတမ်းကိုဖွင့်ပါ။
ဥပမာ
ဘရောက်ဆာဝင်းဒိုးအသစ် သို့မဟုတ် တက်ဘ်တွင် လင့်ခ်ချိတ်ထားသောစာရွက်စာတမ်းကိုဖွင့်ရန် target="_blank" ကိုသုံးပါ-
<a href="https://www.w3schools.com/"
target="_blank">Visit W3Schools!</a>
အကြွင်းမဲ့ URL များနှင့် ဆက်စပ် URL များ
အထက်ဖော်ပြပါ နမူနာနှစ်ခုစလုံး သည် ရည်ညွှန်းချက်ရှိ absolute URL (ဝဘ်လိပ်စာအပြည့်အစုံ) ကို အသုံးပြု hrefနေသည်။
ဒေသဆိုင်ရာ လင့်ခ်တစ်ခု (တူညီသောဝဘ်ဆိုက်အတွင်းမှ စာမျက်နှာတစ်ခုသို့ လင့်ခ်တစ်ခု) ကို ဆက်စပ် URL ("https://www" အပိုင်းမပါဘဲ သတ်မှတ်သည်-
ဥပမာ
<h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>
<h2>Relative
URLs</h2>
<p><a href="html_images.asp">HTML Images</a></p>
<p><a href="/css/default.asp">CSS
Tutorial</a></p>
HTML လင့်ခ်များ - ပုံတစ်ပုံကို လင့်ခ်တစ်ခုအဖြစ် အသုံးပြုပါ။
ပုံတစ်ပုံအား လင့်ခ်တစ်ခုအဖြစ် အသုံးပြုရန်၊ <img>
tag ကို tag အတွင်းသို့ ထည့်လိုက်ပါ <a>-
ဥပမာ
<a href="default.asp">
<img src="smiley.gif" alt="HTML tutorial" style="width:42px;height:42px;">
</a>
အီးမေးလ်လိပ်စာသို့ လင့်ခ်ချိတ်ပါ။
အသုံးပြုသူ၏ အီးမေးလ်ပရိုဂရမ်ကိုဖွင့်သည့်လင့်ခ်တစ်ခုကိုဖန်တီးရန် ရည်ညွှန်းချက်
mailto:အတွင်းပိုင်း ကိုအသုံးပြုပါ
href(အီးမေးလ်အသစ်တစ်ခုပေးပို့ခွင့်ပြုရန်)
ဥပမာ
<a href="mailto:[email protected]">Send email</a>
Link တစ်ခုအနေနဲ့ နှိပ်လိုက်ပါ။
HTML ခလုတ်ကို လင့်ခ်တစ်ခုအဖြစ် အသုံးပြုရန်၊ သင်သည် JavaScript ကုဒ်အချို့ကို ထည့်ရပါမည်။
JavaScript သည် သင့်အား ခလုတ်တစ်ခုနှိပ်ခြင်းကဲ့သို့သော အချို့သောဖြစ်ရပ်များတွင် ဖြစ်ပျက်နေသည်ကို သတ်မှတ်ခွင့်ပြုသည်-
ဥပမာ
<button
onclick="document.location='default.asp'">HTML Tutorial</button>
အကြံပြုချက်- ကျွန်ုပ်တို့၏ JavaScript ကျူတိုရီရယ် တွင် JavaScript အကြောင်း ပိုမိုလေ့လာပါ ။
ခေါင်းစဉ်များ လင့်ခ်
ရည်ညွှန်းချက်သည် ဒြပ်စင်တစ်ခု၏ အ titleပိုအချက်အလက်များကို သတ်မှတ်ပေးသည်။ မောက်စ်သည် ဒြပ်စင်အပေါ်မှ ရွှေ့သည့်အခါ အချက်အလက်ကို ကိရိယာအကြံပြုချက် စာသားအဖြစ် ပြသလေ့ရှိသည်။
ဥပမာ
<a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML
section">Visit our HTML Tutorial</a>
Absolute URLs နှင့် Relative URL များအကြောင်း နောက်ထပ်
ဥပမာ
ဝဘ်စာမျက်နှာသို့ လင့်ခ်ချိတ်ရန် URL အပြည့်အစုံကို အသုံးပြုပါ-
<a href="https://www.w3schools.com/html/default.asp">HTML tutorial</a>
ဥပမာ
လက်ရှိဝဘ်ဆိုက်ရှိ html ဖိုင်တွဲတွင်ရှိသော စာမျက်နှာသို့ လင့်ခ်ချိတ်ပါ-
<a href="/html/default.asp">HTML tutorial</a>
ဥပမာ
လက်ရှိစာမျက်နှာနှင့် တူညီသောဖိုင်တွဲတွင်ရှိသော စာမျက်နှာသို့ လင့်ခ်ချိတ်ပါ-
<a href="default.asp">HTML tutorial</a>
HTML File Paths အခန်းတွင် ဖိုင်လမ်းကြောင်းများအကြောင်း ပိုမိုဖတ်ရှုနိုင်ပါသည် ။
အခန်းအကျဉ်းချုပ်
<a>လင့်ခ်တစ်ခုကို သတ်မှတ်ရန် အစိတ်အပိုင်းကို အသုံးပြုပါ။hrefလင့်ခ်လိပ်စာကို သတ်မှတ်ရန် အရည်အချင်းကို အသုံးပြု ပါ။targetလင့်ခ်ချိတ်ထားသော စာရွက်စာတမ်းကို ဖွင့်ရမည့်နေရာကို သတ်မှတ်ရန် ရည်ညွှန်းချက်ကို အသုံးပြု ပါ။- ပုံတစ်ပုံကို လင့်ခ်တစ်ခုအဖြစ် အသုံးပြုရန်
<img>အစိတ်အပိုင်း (အတွင်း<a>) ကို အသုံးပြုပါ။ - အသုံးပြုသူ၏ အီးမေးလ်ပရိုဂရမ်ကိုဖွင့်သည့်လင့်ခ်တစ်ခုကိုဖန်တီးရန် attribute
mailto:အတွင်းရှိ အစီအစဥ်ကိုအသုံးပြုပါ။href
HTML လင့်ခ်ဂ်များ
| Tag | Description |
|---|---|
| <a> | Defines a hyperlink |
ရရှိနိုင်သော HTML တဂ်များအားလုံး၏စာရင်းအပြည့်အစုံအတွက်၊ ကျွန်ုပ်တို့၏ HTML Tag အကိုးအကားကို ဝင်ရောက်ကြည့်ရှု ပါ။