Note pad သုိ႔မဟုတ္ Text Editor ကုိသုံးျပီး ေရးသားျခင္း
HTML ကုိ professional HTML editor ေတြသုံးျပီး ဖန္တီးႏုိင္ပါတယ္။
Adobe Dreamweaver
မုိက္ခရုိေဆာ့ဖ္ Expression Web
CoffeeCup HTML Editor
Windows ကြန္ျပဴတာေတြမွာပါတဲ့ Word, Excel ေတြသုံးျပီးလည္း ေရးလုိ႔ရပါတယ္။
ဒါေပမယ့္...
HTML Element မ်ား
HTML document ေတြကုိ HTML element ေတြဆုိျပီ ေခၚေဝၚသတ္မွတ္ၾကပါတယ္။
HTML Element မ်ား
HTML element ဆုိတာက start tag နဲ႔ end tag ၾကားက အရာေတြအကုန္လုံးျဖစ္ပါတယ္။
Start tag *
Element တြင္ပါဝင္ေသာအရာမ်ား
End tag...
HTML Attribute မ်ား
Attribute ေတြက HTML Element ေတြအတြက္ လုိအပ္တဲ့ သီးျခား အခ်က္အလက္ေတြ ပ့ံပိုးေပးပါတယ္။
HTML Attribute မ်ား
HTML element ေတြမွာ attribute ေတြပါတတ္ပါတယ္။
Attribute ေတြက Element ေတြအတြက္ additional အခ်က္အလက္ ပ့ံပိုးေပးပါတယ္။
Attribute ေတြကုိ start...
HTML Formatting
ဒါက စာသားအထူပုံစံ bold ျဖစ္ပါတယ္။
ဒါက စာလုံးအၾကီးပုံစံ big ျဖစ္ပါတယ္။
ဒီစာသားက အေစာင္းပုံစံ italic ျဖစ္ပါတယ္။
This is Computer Output Text.
ဒါက subscript ပုံစံ နဲ႔ superscript ပုံစံ ျဖစ္ပါတယ္။
HTML Tag မ်ား (Formatting Tags)
HTML <b>...
HTML <div> နဲ႔ <span>
HTML element ေတြကုိ <div> နဲ႔ <span> ေတြနဲ႔ အုပ္စုဖြဲ႔ထားႏုိင္ပါတယ္။
HTML Block Element မ်ား
HTML element အမ်ားစုကုိ block level element ေတြ ဒါမွမဟုတ္ inline element ေတြအျဖစ္သတ္မွတ္ၾကပါတယ္။
Block level...
HTML Style မ်ား - CSS
HTML element ေတြကုိ စတုိင္အမ်ိဳးမ်ိဳးလုပ္ဖုိ႔ CSS (Cascading Style Sheet မ်ား) ကုိသုံးပါတယ္။
စာလုံးပုံစံနဲ႔ အေရာင္ေတြကုိ ၾကည့္ပါ။
This text is in Verdana and red
This text is in Times and blue
This text is 30 pixels high
HTML...
HTML ပုံမ်ား - <img> Tag နဲ႔ Src Attribute
HTML မွာ ပုံေတြကုိ <img> tag နဲ႔ သတ္မွတ္ၾကပါတယ္။
<img> tag သီးသန္႔ဆုိရင္ ဗလာ ၾကီးျဖစ္ျပီး Attribute ေတြ သက္သက္ပဲပါမွာပါ။ Tag အပိတ္လည္းမရွိပါဘူး။
စာမ်က္ႏွာေပၚမွာ ပုံေပၚဖုိ႔အတြက္ src attribute...