Pages

HTMLသင္​ခန္​းစာ4to6

lession1.html

ကဲဒီတစ္ခါ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ေတြနဲ႔ေရးၾကည့္ရေအာင္
<br /><html><br /><head><br /><title>
WELCOME FROM FACEBOOK
</title><br /></head><br /><body style="background-color:violet;"><br /><p style="font-size:20px;font-color:green;">
Facebookဆိုတာလူ႔စရိုက္မ်ိဳးစံုကိုေတြ႕
ျမင္နိုင္တဲ႔<br>Social pageတစ္ခုပါ
facebookကိုသြားခ်င္ရင္ေတာ့
<a href="https://m.facebook.com/">
ဒီမွာ</a>နိွပ္ျပီးသြားပါခမ်ာ
</p><br /></body><br /></html><br />
ကဲ အေပၚကcodeကိုcopyကူးျပီးေအာက္
မွာစမ္းၾကည့္ပါဦး

<

သင္​ခန္​းစာ(၅)


ကဲဒီတစ္ခါ<a>ကိုပဲထပ္ရွင္းပါဦးမယ္
သူ႔ကိုေနာက္ထပ္တစ္ေနရာမွာသံုးပါေသး
တယ္ ဘယ္မွာသံုးလဲဆိုေတာ့
ဥပမာစာတစ္မ်က္နွာမွာစာပိုဒ္ေတအရမ္း
မ်ားတယ္ဆိုပါစို႔ အဲ႔လိုဆိုလက္နဲ႔ဆြဲျပီး
ဖတ္ ရတာလက္ေညာင္းတာေပါ့ ကိုယ္
ဖတ္ခ်င္တဲ႔စာပိုဒ္ကိုခ်က္ခ်င္းဖတ္နိုင္
ေအာင္<a>tagကိုသံုးပါတယ္ ဘယ္လို
သံုးလဲဆိုေတာ့စာပိုဒ္ကို <a></a>ဒီၾကား
ထဲထဲ႔လိုက္မယ္ ေအာက္မွာဥပမာၾကည့္ပါ
<a name="paragraph1"><br /><p>ဒီမွာစာေတေပါ့
</p><br /></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><br /><link href="style.css"type="text/css"rel="stylesheet"/><br /></head>လို႔ေခၚသံုးပါ
တယ္ခမ်ာ
သတိထားရမွာကhtml tagေတေတြမွာ
အစံုလိုက္ဆို ဥပမာ
<link></link>လို႔ေရးျပီး
တစ္ခုတည္းဆို
<link/>
လို႔ေရးပါတယ္
ျမင္လား မ်ဥ္းေစာင္းေရွ႕နဲ႔ေနာက္ကြဲသြား
တာ အေပၚက<head>ၾကားက တစ္ခုတည္း
မို႔<link />
ဆိုျပီးမ်ဥ္းေစာင္းေနာက္ကိုပို႔ထားတာပါ
ကဲေနာက္သင္ခန္းစာကိုေစာင့္ေမွ်ာ္ၾကဦး
စို႔ bye bye

ႀကိဳ႕ပင္​​ေကာက္​သား​ေလးဖိုးခ်မ္​း

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

No comments:

Post a Comment