အေျခခံ HTML

ကိုယ္ပိုင္ Blog site ဖန္တီးခ်င္၍ ျဖစ္ေစ၊ MyanmarSpace, Frienderster ,ning,socialgoအစရွိေသာ social networking site ေတြမွာ ကိုယ္႔ Profile ကို အလွဆင္ခ်င္ လို႔ပဲ ျဖစ္ေစ HTML tag ေတြ အေၾကာင္း နားလည္ဖို႔ လိုလာ ပါသည္။

HTML ဆိုတာ ဘာလဲလို႔ ေမးရင္ အင္တာနက္ Website ေတြကို ျပင္ဆင္တဲ႔ နည္းပညာ (markup language) လုိ႔ပဲ အတိုခ်ံဳးၿပီး ေျဖပါရေစ။ (HTML သည္ C++, Java တို႔လို Programming Language မဟုတ္သည္ကိုေတာ႔ သိထားရန္လိုပါသည္။)

(မွတ္ခ်က္။ တခ်ိဳ႔ Blog Site ေတြက CSS template ေတြ အသံုးျပဳပါသည္။ CSS သည္ HTML ႏွင္႔ ခပ္ဆင္ဆင္တူပါသည္။ ဒါေပမယ္ CSS က HTML ထက္နည္းနည္းပိုၿပီး အဆင္႔ျမင္႔Advanced ျဖစ္တဲ႔အတြက္ ေနာက္မွပဲ CSS tag ေတြအၾကာင္းေရးပါဦးမည္။)

HTML tag ေတြကို ကြင္းအခြ်န္ေလး <> ထဲမွာအၿမဲထဲ႔သံုးရပါတယ္။ Tag မွာ အစ နဲ အဆံုး ႏွစ္မ်ိဳးရွိပါတယ္။ အစဟာ ဒီလိုမ်ိဳး < > ရုိးရိုး ကြင္းအခြ်န္ျဖစ္ၿပီး၊ အဆံုးက်ေတာ႔  ဒါမ်ိဳး </ > ေလးပါ။ "/" ထည္႔ထားတာပါ။ ဥပမာ - "မဂၤလာပါ ခင္ဗ်ာ။" ဆိုတဲ႔ စားေၾကာင္းဆိုပါစို႔။ ကြ်န္ေတာ္က "မဂၤလာပါ" ဆိုတဲ႔ဟာေလးကိုပဲ ေအာက္မွာ မ်ဥ္းတားခ်င္တယ္။ "ခင္ဗ်ာ" ကိုဘာမွမတားပဲ ဒီအတိုင္းပဲ ထားခ်င္တယ္။ အဲဒီေတာ႔ အစ Tag ကေလးကို "မဂၤလာပါ" မတိုင္ခင္မွာထား။ ၿပီးရင္ အဆံုး Tag ကို "မဂၤလာပါ" ေနာက္မွာ ျပန္ပိတ္ပါ။ (Tag ကိုျပန္ပိတ္ဖို႔ေတာ႔ ဘယ္ေတာ႔မွ မေမ႔ပါနဲ႔။ ပိတ္ဖို႔ ေမ႔သြားရင္ ေပါက္ကရေတြ ေပၚကုန္လိမ္႔ မယ္။)  HTML mode မွာ ဒါမ်ိဳးရုိက္လိုက္ပါ -" <u> မဂၤလာပါ  </ul> ခင္ဗ်ာ  " အဲဒါဆိုရင္ webpage ေပၚမွာ ဒါမ်ိဳး "မဂၤလာပါ ခင္ဗ်ာ။ "လို႔ ျမင္ရလိမ္႔ မယ္။ "ul" ဆိုတာ မ်ဥ္းတားတဲ႔ HTML ေလးပါ။ တျခားအမည္းခ်ယ္ ခ်င္တာတို႔၊ စားလံုး ကို ေစာင္းေစခ်င္တာတို႔ ဆိုရင္ တျခား သက္ဆိုင္ ရာ Tag ေတြကို သံုးရ ပါမယ္။ ေအာက္တြင္ အသံုးမ်ားေသာ Tag ေတြကို ေဖာ္ျပထားပါတယ္။

- <b>မဂၤလာပါ</b> (အေရာင္ပို ေတာက္ေအာင္လုပ္တာပါ)
- <strong>မဂၤလာပါ</strong> (အေပၚက b  နဲ႔ အတူတူပါပဲ)
- <i>မဂၤလာပါ</i> (အေစာင္း ေရးတာပါ)
- <em>မဂၤလာပါ</em> (ေနာက္ထပ္အေစာင္းတမ်ိဳးပါ)
- <strike>မဂၤလာပါ</strike> (အမွားျပင္တဲ႔ သေဘာနဲ႔ မ်ဥ္းနဲ႔ ျခစ္လိုက္တာပါ။)
- <center>မဂၤလာပါ</center> (စာမ်က္ႏွာ ရဲ႔ အလယ္မွာ ထားတာပါ။ ေခါင္းစဥ္ေတြမွာ အမ်ားအားျဖင္႔ သုံးပါတယ္။)
 

 ေခါင္းစဥ္ အႀကီးအေသး ၾကေတာ႔ ဒါမ်ိဳး tag ကိုသံုး ပါတယ္္။

<h1>မဂၤလာပါ</h1>

<h2>မဂၤလာပါ</h2>

<h3>မဂၤလာပါ</h3>

<h6>မဂၤလာပါ</h6>

ေနာက္ၿပီး အရာင္အမ်ိဳးမ်ိဳး ေျပာင္းခ်င္လွ်င္ <font> </font> tag က အေရာင္နဲ႔ ပတ္သတ္တဲ႔ Attribute ကိုသံုး ရတယ္။

<font color="red"> မဂၤလာပါ </font>

<font color="blue"> မဂၤလာပါ </font>

<font color="green"> မဂၤလာပါ </font>

<font color="yellow"> မဂၤလာပါ </font>

 နည္းနည္းပိုၿပီး အဆင္႔ျမင္႔ျမင္႔ သုံးခ်င္ရင္ေတာ႔ စာလုံးနဲ႔ red, blue, green ရုိက္မည္႔ အစား hex code ေတြ သုံးပါ။ ဥပမာ -

<font color="#FF0000″> မဂၤလာပါ </font>

<font color="#0000FF"> မဂၤလာပါ </font>

<font color="#00FF00″> မဂၤလာပါ </font>

<font color="#FFFF00″> မဂၤလာပါ </font>

ဒီေအာက္က ဇယားေလးကေတာ႔ အေျခခံ hex code အရာင္ ဇယားျဖစ္ပါတယ္။

aqua	#00FFFF	green	#008000	navy	#000080	silver	#C0C0C0
black	#000000	gray	#808080	olive	#808000	teal	#008080
blue	#0000FF	lime	#00FF00	purple	#800080	white	#FFFFFF
fuchsia	#FF00FF	maroon	#800000	red	#FF0000	yellow	#FFFF00

ေနာက္ၿပီး 1 2 3 နံပါတ္ေတြ စာေၾကာင္းေရွ႔ မွာ တပ္ခ်င္တယ္ဆိုရင္ေတာ႔ 

<ol>
<li>ပထမအခ်က္</li>
<li>ဒုတိယအခ်က္</li>
<li>တတိအခ်က္</li>
</ol>

ဒီလိုမ်ိဳးျမင္ရလိမ္မယ္ -

1. ပထမအခ်က္
2. ဒုတိယအခ်က္
3. တတိအခ်က္

 1 2 3 မတပ္ခ်င္ဘူး၊ အမည္းစက္ေလးေတြပဲ ေရွ႔ မွာ ခ်ခ်င္ရင္ေတာ႔

<ul>
<li>ပထမအခ်က္</li>
<li>ဒုတိယအခ်က္</li>
<li>တတိအခ်က္</li>
</ul>

ဒီလိုမ်ိဳးျမင္ရလိမ္မယ္ -

• ပထမအခ်က္
• ဒုတိယအခ်က္
• တတိအခ်က္

Link လုပ္ခ်င္တယ္ ဆိုရင္ေတာ႔

- ရုိးရုိး Link <a href="http://www.myanmarspace.com/">Myanmar</a> (အဲဒီလို Tag ဆိုလွ်င္ဒါမ်ိဳးျမင္ ရလိမ္႔မည္ - Myanmar )

- Email Link <a href="mailto:admin@myanmarspace.com"> admin သို႔ အီးေမးပို႔ရန္</a> (အဲဒီလို Tag ဆိုလွ်င္ဒါမ်ိဳးျမင္ ရလိမ္႔မည္ - admin သို႔ အီးေမးပို႔ရန္ ).

ဓါတ္ပံုထည္ခ်င္သည္ ဆိုလွ်င္

-  <img src="url"> ( url ေနရာတြင္ ဓါတ္ပံု၏ လိပ္စာကိုထည္႔ပါ။) ဥပမာ - <img src="http://www.myanmarspace.com/file/style/flava/logo.jpg">

ေအာက္ပါပံုကို ျမင္ရလိမ္႔မည္။

မွတ္ခ်က္ - img tag သည္ျပန္ပိတ္ရန္မလိုပါ၊ အဆံုး tag "</img> " ထည္႔ရန္မလိုပါ။

 

ဒါေတြဟာ အေျခခံေလးေတြပါ။ Web page တစ္ခုကို ျပင္ခ်င္ရင္ အထက္ပါ HTML ေလးေတြကို ေကာင္းေကာင္းသိထား ဖို႔ေတာ႔ လိုလိမ္မယ္။