လာလည္ေသာမိတ္ေဆြအေပါင္းတို႔ တစ္ေန႕ကို ကုသုိလ္ ၊ ပညာ ၊ ဥစၥာ တစ္ခုခုကို ရရွိၾကပါေစ။

Wednesday, January 11, 2012

HTML သင္ခန္းစာမ်ား...



Html ဆိုတာ hyper text markup language ျဖစ္ျပီး client language လည္းျဖစ္တယ္. browser ေတြနားလည္ေအာင္ေရးထားတဲ့ language ျဖစ္ျပီး programming language မဟုတ္ပါဘူး.သူမွာ markup tabs မ်ားျဖင့္စုဖြဲ႔ပါ၀င္ပါတယ္.. webpages ေတြကို ေဖာ္ျပေပးရန္ အဲဒီ markup tabs ေတြကိုသုံးျပဳၾကပါတယ္..  
 
Html markup tags ဆိုတာ…
 
          Keywords မ်ားကို angle bracket ေတြနဲ႔ <> ၀န္းရံထားပါတယ္..ဥပမာ.(  <html>  )ဒီလိုမ်ဳိးေလးပါ..html tags ေတြဟာ အမ်ားအားျဖင့္ စုံတြဲရွိတတ္ၾကပါတယ္.. like <b> and </b>
Html tags မွာ ပထမဆုံး tags ကို first tags လိုေခၚျပီး ဒုတိယ tags ကို second tags လို႔ ေခၚပါတယ္.
First tags မွာဆိုရင္ (\ ) မပါဘူး second tags မွာဆိုရင္ေတာ့ ( \) ပါတယ္.တခ်ဳိကလည္း open tags နဲ႔
Close tags လို႔ေခၚၾကပါတယ္..
 
Html documents တစ္ခုသည္ web page တစ္ခုနဲ႔တူတူပါပဲ..
 
Html document တစ္ခုဟာ web page တစ္ခုကိုေဖာ္ျပေပးတယ္..အဲလိုေဖာ္ျပနိုင္ေအာင္ html document ထဲမွာ html tags ေတြနဲ႔ plain text ေတြကို ေရးသားရပါတယ္..ေရးသားလိုက္တဲ့  html documents ေတြသည္ web pages မ်ားကိုေဖာ္ျပေပးေသာေၾကာင့္ တူတူပဲလို႔ ဆိုထားပါတယ္..web browser
ေတြရဲ ႔ (like Internet Explorer or Firefox) အဓိက လုပ္ေဆာင္ခ်က္ကေတာ့ ေရးလုိက္တဲ႔ html documents ေတြကိုဖတ္ျပိ္း webpages ေတြကိုေဖာ္ျပေပးတာပါပဲ..အဲဒီ browser ေတြဟာ html tags ေတြကိုေတာ့ မေဖာ္ျပေပးနိုင္ပါဘူး..
ဥပမာ- <html>
           <body>

             <h1>My First Heading</h1>

                <p>My first paragraph.</p>

             </body>
             </html>
ဒီမွာဆိုရင္ေတာ့ web page တိုင္းမွာ<html>နဲ႔စျပီးေတာ့ </html> နဲ႔ဆုံးပါမယ့္..<body>  </body> ထဲမွာေတာ့ မိမိ web page မွာ ျမင္ေစလို႔တဲ့အေၾကာင့္းရာေတြကို ထည့္ေပးရမယ့္.ေနာက္ <h1></h1>ထဲမွာ
ေတာ့ မိမိတပ္ခ်င္တဲ့အေၾကာင့္အရာ အေခါင္းစဥ္ေတြကို ထည့္ေပးရမယ့္.<p></p>ထဲမွာေတာ့ မိမိတို႔ေရးခ်င္တဲ့ စာပိုဒ္ေတြကို ထည့္ေပးရပါမယ္..
Editing HTML
  သင္ေနနဲ႔ html ကုိေရးတဲ႔အခါမွာ tools ေတြကိုလည္းအသုံးျပဳနိုင္သလို notepad ေလးနဲ႔လည္းေရးနိုင္ပါတယ္. အေကာင္းဆုံအၾကံေပးခ်င္တာေတာ့ notepad ေလးမွာ ေရးျခင္းျဖင့္ ပုိျပီးနားလည္း ေစနိုင္ပါတယ္..ေနာက္မွ tools ေတြကုိသုံးပါလို႔ အၾကံျပဳပါတယ္…

No comments: