Html_9


HTML Link

HTML မွာ လင့္ေတြထည့္လို႔ရတယ္၊ ဥပမာ သင္ ရဲ့ ၀က္ဆိုက္စာမ်က္ႏွာကေန အျခား ၀က္ဆိုက္စာမ်က္ႏွာကို လွမ္းညြန္းလို႔ရတယ္၊ လင့္ထည့္ဖို႔အတြက္သံုးရတဲ့ HTML tag ကေတာ့

<a> tag ပါ၊ အဖြင့္ကို <a> လို႔ေရးျပီး အပိတ္ကိုေတာ့ </a> လို႔ေရးပါတယ္၊ ဥပမာ သင့္ဆိုက္မွာ yaungpyanlay.com ဆိုက္ကိုလင့္ခ်ိတ္မယ္ဆိုရင္ အဖြင့္ HTML Link tag ရဲ့အတြင္းမွာ ခ်ိတ္မယ့္ဆိုက္ရဲ့နာမည္ကိုေရးေပးရတယ္၊ ခ်ိတ္မယ့္ဆိုက္ရဲ့နာမည္ကိုေရးတဲ့အခါ href လို႔ေခၚတဲ့ hyper reference

ကိုပါထည့္ရတယ္၊ ေအာက္မွာၾကည့္ပါ၊

<a href= “yaungpyanlay.com”>ဒီဆိုက္ကိုသြားလည္ပါ</a>

အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ျဖင့္ ဒီဆိုက္ကိုသြားလည္ပါဆိုတဲ့စာသားကို အျပာေရာင္နဲ႔ ေရးထားတာေတြ႔မယ္၊ အျပာေရာင္ရဲ့သေဘာကေတာ့ အဲ့ဒီ့စာသားမွာ လင့္ပါတယ္ ဆိုတဲ့သေဘာပါ၊ အဲ့ဒီ့စာသားကို ႏွိပ္လိုက္ရင္ (အင္တာနက္ခ်ိတ္ထားရင္) yaungpyanlay.com site ကို သင့္ကိုေခၚသြားလိမ့့္မယ္၊

ဒါကေတာ့ သင့္ဆိုက္မွာ လင့္ခ်ိတ္တဲ့ပံုပါ၊ သံုးတဲ့ HTML Tags က <a> နဲ႔ </a> တို႔ပါ၊ အဖြင့္ <a> ရဲ့အတြင္းမွာ href= “ ” လို႔ထည့္ေပးျပီးႏွစ္ထပ္ေကာ္မာရဲ့ ၾကားမွာေတာ့ သင္လင့္ခ်ိတ္လိုတဲ့ ဆိုက္ရဲ့နာမည္ကို ထည့္ရပါတယ္၊ “ဒိဆိုက္ကိုသြားလည္ပါ” ဆိုတဲ့စာသားကိုေတာ့ သင္စိတ္ၾကိဳက္ လိုအပ္တဲ့စာသားေရးလို႔ရတယ္၊ အဲ့ဒီ့စာသားက ၀က္ဆိုက္စာမ်က္ႏွာမွာ ေပၚမယ့္စာသား၊

အထက္မွာရွင္းျပခဲ့တဲ့အတုိင္း  HTML Link ေတြကိုထည့္ဖို႔အတြက္ <a> ဆိုတဲ့ HTML Tag ကိုသံုးတယ္၊ ဒါေပမယ့္ အဲ့ဒီ့ <a> tag တစ္ခုထဲနဲ႔ ေတာ့ အလုပ္မျဖစ္ေသးဘူး၊ သူနဲ႔ တြဲမယ့္ attribute တစ္ခုကိုလျထည့္ရေသးတယ္၊ တြဲသံုးတဲ့ Attribute ကေတာ့ href = “” ပါ၊ အခုေအာက္က ဥပမာကိုၾကည့္ပါ၊

<a href= “yaungpyanlay.com”>Visit Us</a>

အထက္က ဥပမာမွာ <a > </a> က HTML Link tag ျဖစ္တယ္၊ href = “” ကေတာ့ attribure ျဖစ္တယ္၊ သူ႔မွာပါတဲ့ အဖြင့္အပိတ္ႏွစ္ထပ္ေကာ္မာထဲမွာေတာ့ သင္ခ်ိတ္ဆက္လိုတဲ့ ဆိုက္ရဲ့ URL ကိုထည့္ရတယ္၊ ( ) ၊ အခု <a> နဲ႔ </a> ၾကားမွာရွိတဲ့ Visit Us ကိုရွင္းျပမယ္၊ သူကေတာ့ သင့္လက္ရွိ၀က္ဆိုက္မွာေပၚေနမယ့္စာသားပါ၊ အဲ့ဒီ့ စာသားက href = “yaungpyanlay.com” ကိုညြန္းမယ့္ စာသား၊ <a href= “yaungpyanlay.com”>Visit Us</a>ဆိုတဲ့ ကုတ္တစ္ေၾကာင္းလံုးမွာ သင့္၀က္ဆိုက္မွာ တကယ္ေပၚေနမယ့္ စာသားက Visit Us ဆိုတဲ့ စာသား၊ အဲ့ဒီ့စာသားသင့္၀က္ဆိုက္မွာေပၚေနမွာက အျပာေရာင္စာလံုးပံုစံနဲ႔ သူ႔ေအာက္မွာ မ်ဥ္းေၾကာင္းတစ္ေၾကာင္းပါမယ္၊ အဲ့ဒီ့စာသားကို တစ္ခ်က္ခလစ္ႏွိပ္တာနဲ႔ yaungpyanlay.com ဆိုတဲ့ ၀က္ဆိုက္ကိုေရာက္သြားမယ္၊ ဒါကိုပဲ လင့္ခ်ိတ္တာလို႔ေခၚတယ္၊

ဒီမွာသံုးတဲ့ Attribute ျဖစ္တဲ့ href ကေတာ့ hyper refrence ဆိုတဲ့စာသား ရဲ့ acronym ပါ၊

အထက္က နည္းကိုသံုးျပီး အျခား ဆိုက္တစ္ခုကိုျဖစ္ေစ သင့္ဆိုက္မွာ ရွိတဲ့အျခားစာမ်က္ႏွာကိုျဖစ္ေစခ်ိတ္ဆက္ႏိုင္တယ္၊ ႏို႔ေပမယ့္ ခ်ိတ္ဆက္ထားတဲ့ လင့္ပါ၀င္တဲ့ Visit Us ဆိုတဲ့ စာသားကိုႏွိပ္လိုက္ရင္ လက္ရွိစာမ်က္နွာေပ်ာက္သြားျပီး အဲ့ဒီ့ေနရာမွာ လင့္ခ်ိတ္ထားတဲ့စာမ်က္ႏွာေပၚလာမွာ၊ ဒီလိုမျဖစ္ေစခ်င္ဘူး၊ လက္ရွိစာမ်က္ႏွာကိုလဲ ေပ်ာက္မသြားေစခ်င္ဘူး၊ လင့္ခ်ိတ္တဲ့စာမ်က္ႏွာကိုလဲ ပြင့္ေစခ်င္တယ္၊ ဒါဆိုရင္ေတာ့ target_blank ဆိုတဲ့နည္းကိုသံုးပါတယ္၊ ေရးတဲ့နည္းကိုေတာ့ အထက္ဟက ေရးထားတဲ့ ပံုစံအတိုင္းရွိတဲ့ လင့္ကိုပဲေရးရတယ္၊ ဒါေပမယ့္ ခ်ိတ္တဲ့လင့္ရဲ့ ေနာက္ဆံုးမွာ

target= “_blank” ကိုထည့္ေပးရမယ္၊ ေအာက္မွာဥပမာ ၾကည့္ပါ၊

<a href= “yaungpyanlay.com” target= “_blank”>Visit Us</a>

အထက္က အတိုင္းေရးလိုက္ရင္ ပံုမွန္ေတာ့ ဘာမွမျခားနားပါဘူး၊ Visit Us ဆိုတဲ့စာသားပဲေပၚလာမွာပါ၊ အဲ့ဒီ့ Visit Us ဆိုတဲ့စာသားကို ခလစ္တစ္ခ်က္ႏွိပ္လိုက္ရင္ျဖင့္ ေနာက္ထပ္ Tab တစ္ခုအေနနဲ႔ “yaungpyanlay.com” ၀က္ဆိုက္ေပၚလာမွာပါ၊ ဒါကေတာ့ သင့္၀က္ဆိုက္မွာထည့္ထားတဲ့လင့္ကို လက္ရွိစာမ်က္ႏွာမွာ မေပၚေစပဲ ေနာက္ထပ္ new tab အေနနဲ႔ စာမ်က္ႏွာ အသစ္မွာေပၚေစတဲ့နည္းပါ၊

ေနာက္ထပ္ေလ့လာရမယ့္ link ခ်ိတ္နည္းတစ္ခုကေတာ့ Anchor Link ပါ၊ သူ႔ကိုေတာ့ ၀က္ဆိုက္စာမ်က္ႏွာတစ္ခုထဲမွာပဲ တစ္ေနရာကေန အျခားေနရာကိုကူးဖို႔အတြက္သံုးတာပါ၊ သူ႔ကိုသံုးဖို႔အတြက္ ပံုမွန္အားျဖင့္မလိုအပ္ဘူး၊ ဒါေပမယ့္ သင့္၀က္ဆိုက္ရဲ့ စာမ်က္ႏွာက သိပ္ပီး ရွည္ေနခဲ့မယ္ဆိုရင္ျဖင့္ ေအာက္ဆံုး တစ္ေနရာရာကေန ေပၚဆံုးက ေနရာတစ္ခုခု ကိုခ်ိတ္ဖို႔အတြက္ သံုးပါတယ္၊ ဒီ့အတြက္ ခ်ိတ္ဆက္လိုတဲ့ ေနရာကို
အရင္ဆံုး သတ္မွတ္ရမယ္၊ ဆိုၾကပါစို႔ အေပၚဆံုး စာပိုက္ကိုခ်ိတ္ဆက္လိုတယ္ဆိုရင္ျဖင့္  အဲ့ဒီ့ စာပိုဒ္ကို နာမည္တစ္ခုသတ္မွတ္ရမယ္၊ နာမည္ကိုၾကိဳက္တဲ့နာမည္သတ္မွတ္ႏိုင္ပါတယ္၊ ဒါေပမယ့္ သတ္မွတ္တဲ့နည္းေတာ့ရွိတယ္၊ ဥပမာ အထက္ဆံုးစာပိုဒ္ရဲ့ ေခါင္းစဥ္က This is heading ဆိုတဲ့စာသားဆိုပါစို႔ ဒါဆိုရင္ အဲ့ဒီ့စာသားကိုေအာက္ပါအတိုင္း HTML Link tag သံုးျပီး အရင္မွတ္သားရမယ္၊

<a name = “hippo”>This is heading</a>

အထက္က အတိုင္း This is heading ဆိုတဲ့ စာပိုဒ္ရဲ့ေခါင္းစဥ္ကို HTML Link Tags ျဖစ္တဲ့ <a> </a> နဲ႔ ၀ိုင္းလိုက္တယ္၊ ျပီးေတာ့ အဖြင့္ link tag ရဲ့ <a အဆံုးမွာ name ဆိုတဲ့ attribute ကိုထည့္မယ္၊ ေရးပံုက name= “” လို႔ေရးရတယ္၊ သူ႔ေနာက္မွာပါတဲ့ ႏွစ္ထပ္ေကာ္မာထဲမွာေတာ့ သင္သတ္မွတ္ခ်င္တဲ့ နာမည္ကိုသတ္မွတ္ႏိုင္တယ္၊ အထက္က ဥပမာ မွာေတာ့ hippo လို႔သတ္မွတ္ထားတယ္၊

အခု အထက္မွာသင့္၀က္ဆိုက္ရဲ့အေပၚဆံုးစာပိုဒ္ကို anchor လင့္သံုးဖုိ႔အတြက္ နာမည္သတ္မွတ္လိုက္ျပီး၊ ေနာက္တစ္ဆင့္မွာေတာ့ သင့္၀က္ဆိုက္ရဲ့ေအာင္ဆံုး စာကိုပိုဒ္ (ေအာက္ဆံုး စာပိုဒ္မွ မဟုတ္ပါဘူး ဘယ္စာပိုဒ္ကို သံုးသံုးရတယ္) က ေန အေပၚဆံုး စာပိုဒ္ကိုလွမ္းခ်ိတ္မယ္၊

ဒီ့အတြက္ Anchor Link ခ်ိတ္ဆက္နည္းကိုသံုးမယ္၊ ခ်ိတ္မယ့္စာသားကိုအေပၚဆံုးစာပိုဒ္နဲ႔ သက္ဆိုင္တဲ့ နာမည္ေတာ့ ေပးေပါ့၊ ေအာက္မွာ ဥပမာ ၾကည့္ပါ၊

<a href= “#hippo”>don’t know what is heading! Read this </a>

အထက္က အတိုင္း ေရးလိုက္ရင္ျဖင့္ don’t know what is heading! Read this ဆိုတဲ့ စာသားကို အျပာအေရာင္ လင့္ စာသားအေနနဲ႔ ေတြ႔ရမယ္၊ အဲ့ဒီ့ လင့္ကိုႏွိပ္လိုက္ရင္ေတာ့ hippo လို႔ အထက္မွာ နာမည္ေပးခဲ့တဲ့ အေပၚဆံုးစာပိုဒ္ကိုျပန္ေရာက္သြားမယ္၊Anchor link ကိုေတာ့ သင့္ရဲ့ ၀က္ဆိုက္စာမ်က္ႏွာ သိပ္ရွည္ေနရင္ သံုးႏိုင္ပါတယ္၊


ပါ၀င္ေရးသားၾကသူမ်ာ.....

ေရာင္ျပန္ေလး(ေရာင္ျပန္ေလးနည္းပညာ)


No comments

Powered by Blogger.