Pages - Menu

Friday, July 3, 2015

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ေတြနဲ႔ေရးၾကည့္ရေအာင္

<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

2 comments:

  1. Pdf စာအုပ္​​ေလးထုတ္​​ေပးပါ လား ဆရာ

    ReplyDelete
  2. Pdf စာအုပ္​​ေလးထုတ္​​ေပးပါ လား ဆရာ

    ReplyDelete