Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.
<
ကဲဒီတစ္ခါ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
htmlကိုအေျခခံစေရးမယ္ဆိုရင္ေတာ့ပထမဆံုး
<br /> <html><br /> <head> </head><br /> <body> </body><br /> </html><br />
htmlနဲ႔ေရးတာျဖစ္တဲ့အတြက္<html> နဲ႕စပါတယ္
htmlမွာ အဖြင့္tagကို<html> နဲ႕ေရးျပီးအပိတ္ကို
</html> မ်ဥ္းေစာင္းခံျပီးေရးပါတယ္။ကိုယ္ေရးလို
တဲ့အေၾကာင္းအရာကို အဖြင့္tagနဲ႔အပိတ္tag
ၾကားမွာေရးရပါတယ္။ html tagေတကေတာ့
၁.<html> </html>
၂.<head> </head>
၃.<title> <title>
၄.<body> </body>
၅.<h1>to ...<h6>
၆.<p>
၇.<pre>
၈.<div>
၉.<img>
၁၀.<a>
အစရွိတာေတြပဲျဖစ္ပါတယ္ ေနာက္ထပ္မ်ားစြာ
က်န္ပါေသးတယ္ က်န္တဲ့ဟာကိုေတာ့ေနာက္
သင္ခန္းစာမွာဆက္ၾကည့္ရေအာင္ OK?
ပထမဆံုးcodeတစ္ခုစေရးၾကည့္ရေအာင္
<br /><br /> <html>
<head>
<title> ဒါကေခါင္းစဥ္ပါ browserရဲ႕address bar
မွာေပၚမယ့္ေခါင္းစဥ္ပါ
</title>
</head>
<body>
<h1 align="center"> ငေၾကာင္စာမ်က္ႏွာ</h1>
<p> က်မႏွင္းဆီပါေမာင္:-P ေသခ်ာမကိုင္ရင္ဆူး
တတ္ပါတယ္ေမာင္ ခိခိ
</p>
</body>
</html>
အေပၚကကုဒ္ကိုcopyကူးျပီး
အဲ့ဒီcodeကိုရွင္းပါမယ္
<head> ဆိုတာကဒီစာမ်က္နွာရဲ႕ေခါင္းပိုင္းပါ
<title> ကbrowserရဲ႕search barမွာေပၚလာ
မယ့္နာမည္ပါ<body> ကဒီစာမ်က္နွာရဲ႕ကိုယ္
ပိုင္းပါ<h1> ကေတာ့ ေခါင္းစဥ္တပ္ရာမွာသံုးတာ
ပါ h1ကေနh6ထိရွိပါတယ္ h1ကေခါင္းစဥ္အရြယ္
အစားအၾကီးဆံုးျဖစ္ျပီး h6ကေတာ့အငယ္ဆံုးျဖစ္
ပါတယ္<p> ကေတာ့စာပိုဒ္ခြဲေတြေပါ့ဗ်ာ
paragraphရဲ႕အတိုေကာက္ အဲ့ဒီထဲကalignဆို
တာက altributeလို႔ေခၚပါတယ္ သတ္မွတ္ခ်က္
ေပါ့ေနာ္ သူ႔ေနာက္ကcenterဆိုတာကvalueပါ
alignဆိုတာေနရာသတ္မွတ္ခ်က္ျဖစ္ျပီး သူ႔ရဲ႕
တန္ဖိုူးကိုcenterထားလိုက္ေတာ့ စာေတက
စာမ်က္နွာရဲ႕အလည္တည့္တည့္မွာေပၚတာေပါ့
leftဆိုဘယ္ rightဆိုညာေပါ့
ကဲအေပၚကcodeကိုစမ္းၾကည့္ပါ h1ကေနh6ထိ
ေျပာင္းၾကည့္ left, right, centerေျပာင္းၾကည့္ပါ
ေနာက္သင္ခန္းစာေတြကိုေနာက္စာမ်က္နွာမွာဆက္ဖတ္ျကရေအာင္ bye bye...:-)
ကဲဒီတစ္ခါေျပာျပမွာကေတာ့ Altribute
ေတြအေၾကာင္းပါခမ်ာ Altributeဆိုတာ
ကေတာ့က်ေနာ္တို႔ေရးလိုက္တဲ႔စာသား
ေတြကိုပိုမိုျပီးလွပေအာင္ဖန္းတီးေပးတဲ႔
အမိန္႔ေတြပဲျဖစ္ပါတယ္ ကဲ စလိုက္ရေအာင္
၁.align
alignဆိုတာကေတာ့စာသားကိုဘယ္ညာ
အလယ္မွာေနရာခ်ေပးတဲ႔အရာပါ
၂.style
styleဆိုတာကေတာ့စာသားဒီဇိုင္းေတြ
လုပ္တာပါcssလိုပါပဲ
၃.font-size
စာသားအရြယ္အစားပါ သူ႕valueကို
pixels(px)နဲ႔တြက္ခ်က္ပါတယ္
၄.font-color
စာသားအေရာင္ပါ သူ႔valueကေတာ့နွစ္
မ်ိဳးသတ္မွတ္ပါတယ္ greenဆိုျပီး
colorအေရာင္နာမည္ကိုတိုက္ရိုက္ေခၚသံုးနိုင္သလို codeနဲ႔လည္းေခၚလို႔ရပါ
တယ္ codeနဲ႔ေခၚမယ္ဆိုရင္ေတာ့ အေရွ႕မွာ#ခံရပါမယ္ ဥပမာ
font-color="#129921"ေပါ့
အဲ႔ဒါနည္းနည္းရွင္းမယ္ ေရွ႕ႏွစ္လံုးက
အနီေရာင္ပါ အလယ္ကအစိမ္းပါ ေနာက္
နွစ္လံုးကအျပာပါ အေပၚကcodeဆို
အစိမ္းေရာင္ပိုသန္းပါလိမ့္မယ္ အဲ့နည္း
နဲ႔ၾကိဳက္တဲ႔အေရာင္ကိုစပ္လို႔ရပါတယ္
၅.background-color
ေနာက္ခံအေရာင္ပါ
ကဲလက္ေတြ႕လုပ္လိုက္ၾကရေအာင္<br /> <html><br /> <head><br /> <title> google</title><br /> </head><br /> <body style="background-color:violet;"><br /> <h1 align="left">
ငိုးမတား<br /> </h1><br /> <h2 align="center">
မတာမ<br /> </h2><br /> <h3 align="right">
ခ်ဥ္ေပါင္ရိုးမ<br /> </h3><br /> <p style="font-color:yellow;font-size:20px;">
အဲ့ဒီေတာ့သူကဘာျပန္ေျပာလဲ သြား
ေမးၾကည့္ေလ<br /> </p><br /> <p style="font-color:#129901;font-size:10px;">
အဲ့ဒီေတာ့ငါကကျပရမွာလား<br /> </p><br /> </body><br /> </html><br />
ကဲအေပၚကcodeကိုcopyကူးျပီးေအာက္
မွာစမ္းၾကည့္ပါဦးဗ်ာ
