+++++ Dear ….. Thank you for visiting our booth at the Myanmar Black Hacking. We hope you will have a good time and enjoyed your visit to Underground. In case we won't answer some of your questions about our Real Info, we encourage you to visit our website at www.myanmarblackhacking.com +++++ It will give you a good idea of what we can do for +++++

Oct 26, 2015

0 HTML ( Chapter 1 Introduction )


HTML အေၾကာင္းကို Examples, tutorials မ်ားႏွင့္ အတူ Chapters 15 ခု ျဖင့္ blog မွာ post လုပ္သြားပါမယ္။ ၄င္း ၁၅ ခန္းလံုးကို ေလ့လာျပီးပါက HTML အေၾကာင္းကို ေတာ္ေတာ္ေလး နာလည္ျပီး ေရးတတ္သြားမွာပါ။ Web designer တစ္ေယာက္အတြက္ HTML ကအေရးၾကီးဆံုးပါပဲ။ ဒါေၾကာင့္ အရွင္းဆံုး ျဖစ္ေအာင္ အတတ္ႏိုင္ဆံုး ၾကိဳးစားျပီး ေရးသားထား ပါတယ္။ တစ္ေန.ကို တစ္ခန္းႏွဳန္းျဖင့္ ေလ့လာသြားပါက စုစုေပါင္း ၁၅ ရက္ပဲ အခ်ိန္ေပးရမွာပါ။ ေလ့လာမွဳ ျပီးဆံုးပါကလည္း Web sites မ်ားေရးဆက္လက္ ေရးသားေလ့က်င့္ ရန္အတြက္ HTML tags မ်ား ၏ Reference post ကိုေရးေပးသြားမွာပါ။


What is HTML?

  • HTML ၏ အျပည့္အစံုမွာ Hyper Text Markup Language ျဖစ္ပါတယ္။
  • HTML သည္ Markup language အမ်ိဳးအစား ျဖစ္ပါတယ္။
  • Markup language ဆိုသည္မွာ a set of markup tags အမ်ိဳးအစားျဖစ္ပါတယ္။
  • Tags ေတြက document မွာ ပါမည့္ content (အေၾကာင္းအရာ) ေတြကို ေဖာ္ျပေပးဖို. ျဖစ္ပါတယ္၊ တနည္းေျပာရလ်င္ Browser မွာ ေဖာ္ျပဖို.အတြက္ လုပ္ေဆာင္ေပးပါတယ္။
  • HTML document တစ္ခုတြင္ HTML tag နဲ. Plain text ဆိုျပီး ၂ ခုပါ၀င္ပါတယ္။

Markup Tag (HTML tag)

  • HTML markup tag ကို ပံုမွန္အားျဖင့္ HTML tag လို.ပဲေခၚၾကပါတယ္။
  • HTML tag ဆိုသည္မွာ angle brackets  နဲ.ေဖာ္ျပတဲ့ keywords (tag names) ေတြပဲျဖစ္ပါတယ္။ eg. <html>, <p>
  • HTML tag တစ္ခုကို Start tag နဲ. End tag ျဖင့္ဖြဲစည္းထားပါတယ္။
  • End tag ကိုေတာ့ Tag name ရဲ့ ေရွ့မွာ Forward slash “/” ကို ထည့္ေရးေပးရပါတယ္။ eg.</html>, </p>
  • Start tag ကို Opening tag လို.လည္း ေခၚျပီး End tags ကိုေတာ့ Closing tag လို.လည္း ေခၚပါတယ္။
Syntax example of markup tag: <tagname> Content </tagname>

 

HTML Page Structure

HTML page တစ္ခုကို Tags မ်ားျဖင့္္ ဖန္တီး လုပ္ေဆာင္ရပါတယ္။ HTML page တစ္ခုကို ေအာက္ပါ Structure အတိုင္း ေရးသားရပါတယ္။




Ref - Web Design's note

0 comments:

Post a Comment