ကဲဒီတစ္ခါhtml linkေတ အ ေၾကာင္းရွင္း ျပမွာျဖစ္ပါတယ္ hyper linkလုပ္တဲ႔tag နွစ္ခုရွိပါတယ္ ပထမတစ္ခုက<<a> ျဖစ္ျပီး ဒုတိယကေတာ့<link> ပါခမ်ာ ၁.<a> <a> tagမွာကိုယ္ပိုင္altributeရွိပါတယ္ hrefပါ ဥပမာhttp://m.facebook.comဆိုတဲ႔link ကို htmlထဲထည့္ခ်င္ရင္ေရးရမယ့္ပံုစံက<a href="https://m.facebook.com/"> ဒီမွာေရးခ်င္ရာေရး</a> လြယ္ပါတယ္ဗ်ာ ကဲhtml codeေတြနဲ႔ေရးၾကည့္ရေအာင္<html> <head> <title> WELCOME FROM FACEBOOK</title> </head> <body style="background-color:violet;"> <p style="font-size:20px;font-color:green;"> Facebookဆိုတာလူ႔စရိုက္မ်ိဳးစံုကိုေတြ႕ ျမင္နိုင္တဲ႔<br> Social pageတစ္ခုပါ facebookကိုသြားခ်င္ရင္ေတာ့<a href="https://m.facebook.com/"> ဒီမွာ</a> နိွပ္ျပီးသြားပါခမ်ာ</p> </body> </html> ကဲ အေပၚကcodeကိုcopyကူးျပီးေအာက္ မွာစမ္းၾကည့္ပါဦး
သင္ခန္းစာ(၅)
ကဲဒီတစ္ခါ<a> ကိုပဲထပ္ရွင္းပါဦးမယ္ သူ႔ကိုေနာက္ထပ္တစ္ေနရာမွာသံုးပါေသး တယ္ ဘယ္မွာသံုးလဲဆိုေတာ့ ဥပမာစာတစ္မ်က္နွာမွာစာပိုဒ္ေတအရမ္း မ်ားတယ္ဆိုပါစို႔ အဲ႔လိုဆိုလက္နဲ႔ဆြဲျပီး ဖတ္ ရတာလက္ေညာင္းတာေပါ့ ကိုယ္ ဖတ္ခ်င္တဲ႔စာပိုဒ္ကိုခ်က္ခ်င္းဖတ္နိုင္ ေအာင္<a> tagကိုသံုးပါတယ္ ဘယ္လို သံုးလဲဆိုေတာ့စာပိုဒ္ကို<a></a> ဒီၾကား ထဲထဲ႔လိုက္မယ္ ေအာက္မွာဥပမာၾကည့္ပါ<a name="paragraph1"> <p> ဒီမွာစာေတေပါ့</p> </a> အဲ႔လိုေရးပါတယ္< p> ဆိုတဲ႔စာပိုဒ္တစ္ခု လံုးကို<a> ထဲထည့္ျပီးparagraph1လို႔အ မည္ေပးလိုက္တာပါ အမည္ျကိုက္တာေပး လို႔ရပါတယ္ အဲ့နာမည္ကို<a> နဲ႔တစ္ခါျပန္> ေခၚျပီးသြားလို႔ရပါတယ္ ဥပမာ ဒီစာမ်က္နွာတစ္ခုလံုးကို index.html လို႔အမည္ေပးထားတယ္ဆိုပါစို႔အဲ႔ထဲက စာပိုဒ္တစ္ခုကို<a> ကိုသံုးျပီး paragraph1လို႔အမည္ေပးထားတယ္ ဆိုပါဆိုး ဒါဆိုဘယ္လိုျပန္ေခၚမလဲဆိုေတာ့ အမည္ေရွ႕မွာ#ခံျပီး<a href="index.html#paragraph1"> စာသား</a> လို႔ျပန္ျပီးေခၚလို႔ရပါတယ္ က်ေနာ့္ရဲ႕ဒီpageရဲ႕သင္ခန္းစာတစ္ခုကေန တစ္ခုကိုသြားရာမွာအဲ႔နည္းကိုသံုးထားတာပါ တစ္ကယ္ေတာ့သင္ခန္းစာအားလံုးစာ တစ္မ်က္နွာထဲမွာရွိတာပါ ဆြဲျပီးဖတ္စရာ မလိုေအာင့္အဲ့နည္းကိုသံုးထားပါတယ္ ဒီေလာက္ဆိုသေဘာေပါက္ျပီထင္ပါတယ္
သင္ ခန္းစာ(၆)
ဒီတစ္ခါမရွင္းရေသးတဲ႔<link> အေၾကာင္း ကိုရွင္းသြားမွာျဖစ္ပါတယ္<link> tagကိုက် မိမိရဲ႕html pageထဲကို အျပင္ကအရာေတြေခၚထည့္တဲ့ေနရာမွာ သံုးပါတယ္ ဥပမာ cssေပါ့ cssဆိုတာက pageကိုပိုမိုလွပေအာင္ျပဳေပးတဲ႔ဘာသာ ရပ္တစ္ခုပါ ေနာက္သင္ခန္းစာေတြမွာcssကိုရွင္းပါမယ္ ခုေတာ့ ဥပမာအေနနဲ႔ cssဖိုင္တစ္ခုကို style.css လို႔နာမည္ေပးထားတယ္ ဆိုပါစုိ႔ အဲ့ဒါကိုမိမိရဲ႕pageထဲေခၚသံုး ခ်င္ရင္<head> </head> ၾကားထဲမွာ<head> <link href="style.css"type="text/css"rel="stylesheet"/> </head> လို႔ေခၚသံုးပါ တယ္ခမ်ာ သတိထားရမွာကhtml tagေတေတြမွာ အစံုလိုက္ဆို ဥပမာ<link></link> လို႔ေရးျပီး တစ္ခုတည္းဆို<link/> လို႔ေရးပါတယ္ ျမင္လား မ်ဥ္းေစာင္းေရွ႕နဲ႔ေနာက္ကြဲသြား တာ အေပၚက<head> ၾကားက တစ္ခုတည္း မို႔<link /> ဆိုျပီးမ်ဥ္းေစာင္းေနာက္ကိုပို႔ထားတာပါ ကဲေနာက္သင္ခန္းစာကိုေစာင့္ေမွ်ာ္ၾကဦး စို႔ bye bye
No comments:
Post a Comment