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ေတြနဲ႔ေရးၾကည့္ရေအာင္<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
htmlကိုအေျခခံစေရးမယ္ဆိုရင္ေတာ့ပထမဆံုး<html> <head> </head> <body> </body> </html> 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တစ္ခုစေရးၾကည့္ရေအာင္<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 ေနာက္ခံအေရာင္ပါ ကဲလက္ေတြ႕လုပ္လိုက္ၾကရေအာင္<html> <head> <title> google</title> </head> <body style="background-color:violet;"> <h1 align="left"> ငိုးမတား</h1> <h2 align="center"> မတာမ</h2> <h3 align="right"> ခ်ဥ္ေပါင္ရိုးမ</h3> <p style="font-color:yellow;font-size:20px;"> အဲ့ဒီေတာ့သူကဘာျပန္ေျပာလဲ သြား ေမးၾကည့္ေလ</p> <p style="font-color:#129901;font-size:10px;"> အဲ့ဒီေတာ့ငါကကျပရမွာလား</p> </body> </html> ကဲအေပၚကcodeကိုcopyကူးျပီးေအာက္ မွာစမ္းၾကည့္ပါဦးဗ်ာ
