Monday, March 7, 2016

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



ကဲဒီတစ္ခါ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ကူးျပီးေအာက္
မွာစမ္းၾကည့္ပါဦး

<

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

ကဲဒီတစ္ခါ&lt;a&gt;ကိုပဲထပ္ရွင္းပါဦးမယ္
သူ႔ကိုေနာက္ထပ္တစ္ေနရာမွာသံုးပါေသး
တယ္ ဘယ္မွာသံုးလဲဆိုေတာ့
ဥပမာစာတစ္မ်က္နွာမွာစာပိုဒ္ေတအရမ္း
မ်ားတယ္ဆိုပါစို႔ အဲ႔လိုဆိုလက္နဲ႔ဆြဲျပီး
ဖတ္ ရတာလက္ေညာင္းတာေပါ့ ကိုယ္
ဖတ္ခ်င္တဲ႔စာပိုဒ္ကိုခ်က္ခ်င္းဖတ္နိုင္
ေအာင္&lt;a&gt;tagကိုသံုးပါတယ္ ဘယ္လို
သံုးလဲဆိုေတာ့စာပိုဒ္ကို &lt;a&gt;&lt;/a&gt;ဒီၾကား
ထဲထဲ႔လိုက္မယ္ ေအာက္မွာဥပမာၾကည့္ပါ
&lt;a name="paragraph1"&gt;
&lt;p&gt;ဒီမွာစာေတေပါ့
&lt;/p&gt;
&lt;/a&gt;
အဲ႔လိုေရးပါတယ္ &lt; p&gt;ဆိုတဲ႔စာပိုဒ္တစ္ခု
လံုးကို&lt;a&gt;ထဲထည့္ျပီးparagraph1လို႔အ
မည္ေပးလိုက္တာပါ အမည္ျကိုက္တာေပး
လို႔ရပါတယ္ အဲ့နာမည္ကို&lt;a&gt;နဲ႔တစ္ခါျပန္>
ေခၚျပီးသြားလို႔ရပါတယ္ ဥပမာ
ဒီစာမ်က္နွာတစ္ခုလံုးကို index.html
လို႔အမည္ေပးထားတယ္ဆိုပါစို႔အဲ႔ထဲက
စာပိုဒ္တစ္ခုကို&lt;a&gt;ကိုသံုးျပီး
paragraph1လို႔အမည္ေပးထားတယ္
ဆိုပါဆိုး ဒါဆိုဘယ္လိုျပန္ေခၚမလဲဆိုေတာ့
အမည္ေရွ႕မွာ#ခံျပီး
&lt;a href="index.html#paragraph1"&gt;
စာသား
&lt;/a&gt;
လို႔ျပန္ျပီးေခၚလို႔ရပါတယ္
က်ေနာ့္ရဲ႕ဒီpageရဲ႕သင္ခန္းစာတစ္ခုကေန
တစ္ခုကိုသြားရာမွာအဲ႔နည္းကိုသံုးထားတာပါ
တစ္ကယ္ေတာ့သင္ခန္းစာအားလံုးစာ
တစ္မ်က္နွာထဲမွာရွိတာပါ ဆြဲျပီးဖတ္စရာ
မလိုေအာင့္အဲ့နည္းကိုသံုးထားပါတယ္
ဒီေလာက္ဆိုသေဘာေပါက္ျပီထင္ပါတယ္

သင္ ခန္းစာ(၆)


ဒီတစ္ခါမရွင္းရေသးတဲ႔&lt;link&gt;အေၾကာင္း
ကိုရွင္းသြားမွာျဖစ္ပါတယ္
&lt;link&gt;tagကိုက် မိမိရဲ႕html pageထဲကို
အျပင္ကအရာေတြေခၚထည့္တဲ့ေနရာမွာ
သံုးပါတယ္ ဥပမာ cssေပါ့ cssဆိုတာက
pageကိုပိုမိုလွပေအာင္ျပဳေပးတဲ႔ဘာသာ
ရပ္တစ္ခုပါ
ေနာက္သင္ခန္းစာေတြမွာcssကိုရွင္းပါမယ္
ခုေတာ့ ဥပမာအေနနဲ႔ cssဖိုင္တစ္ခုကို
style.css    လို႔နာမည္ေပးထားတယ္
ဆိုပါစုိ႔ အဲ့ဒါကိုမိမိရဲ႕pageထဲေခၚသံုး
ခ်င္ရင္
&lt;head&gt; &lt;/head&gt;ၾကားထဲမွာ
&lt;head&gt;
&lt;link href="style.css"type="text/css"rel="stylesheet"/&gt;
&lt;/head&gt;လို႔ေခၚသံုးပါ
တယ္ခမ်ာ
သတိထားရမွာကhtml tagေတေတြမွာ
အစံုလိုက္ဆို ဥပမာ
&lt;link&gt;&lt;/link&gt;လို႔ေရးျပီး
တစ္ခုတည္းဆို
&lt;link/&gt;
လို႔ေရးပါတယ္
ျမင္လား မ်ဥ္းေစာင္းေရွ႕နဲ႔ေနာက္ကြဲသြား
တာ အေပၚက&lt;head&gt;ၾကားက တစ္ခုတည္း
မို႔&lt;link /&gt;
ဆိုျပီးမ်ဥ္းေစာင္းေနာက္ကိုပို႔ထားတာပါ
 ကဲေနာက္သင္ခန္းစာကိုေစာင့္ေမွ်ာ္ၾကဦး
စို႔ bye bye

No comments:

Post a Comment

WINDOWS PASSWORD ကို ေဆာ့၀ဲလ္ မသံုးဘဲ ေက်ာ္နည္း

  windows 7 မွာ password ေမ့သြားရင္ ေက်ာ္ခြနည္းေလးပါ။ windows 7 အေခြေတာ့ လုိအပ္ပါတယ္။ windows 7 အေခြကို Drive ထဲကို ထည့္လို...