HyperText Markup Language (ဗွဲမဂၠေအ် HTML) ဝွံ ဒှ်အရေဝ်ဘာသာ မာကာပ် သ္ဇိုင် သွက်ဂွံခၞံဗဒှ် ကေုာံ ဒက်ပတန် မုက်လိက်ဝပ်သာဒ် (Web pages) ရ။ HTML ဝွံ ဒှ်တိုင်ပကိုင်အဓိက သွက်အေန်တာနက် (World Wide Web) တုဲ၊ ဍေဟ်ဖန်ကဵုညံင် ဝပ်ဗြောက်သာ (Web browser) ဂမၠိုင် ဂွံဗၟံက်ထ္ၜးကဵု လိက်၊ ဗီုရုပ် ကေုာံ မဳဒဳယာနာနာ ဗွဲမဍာံစှ်ေရ။

HyperText Markup Language (HTML)
ညးဇၞော်မောဝ်(ဂမၠိုင်)World Wide Web Consortium (W3C) & WHATWG
Standard(s)ISO/IEC 15445
ဝပ်သာက်html.spec.whatwg.org

ဝင် ကေုာံ ပရေင်ပြံင်လှာဲ (History)

ပလေဝ်ဒါန်

HTML ဝွံ ခၞံဗဒှ်လဝ် နကဵုတၠပညာကောမ်ပျူတာ တဳမ် ဗာနာသ်-လဳ (Tim Berners-Lee) ပ္ဍဲသၞာံ ၁၉၉၀ ကိုပ်ကၠာတေအ်ရ။

  • HTML 2.0 (၁၉၉၅): ဒှ်သၞောတ်စံကာတ် ကိုပ်ကၠာအိုတ်။
  • HTML 4.01 (၁၉၉၉): ဒှ်သၞောတ် မသုင်စောဲလအ်အိုတ် ကေုာံ ခိုင်ကၠိုက်အိုတ်။
  • HTML5 (၂၀၁၄): ဒှ်သၞောတ်ခေတ်လၟုဟ် မထံက်ပင်လဝ် ဗီုရုပ်၊ ဝိဒဳယဝ် ကေုာံ နဲကဲအာတ်တေတ် (Interactive features) နာနာ ဗွဲမလှဲလး။

ဗီုပြင်ဒက်ပတန် (Structure)

ပလေဝ်ဒါန်

HTML ဝွံ သုင်စောဲ သင်္ကေတမကော်စ "တာက်" (Tags) ဂမၠိုင်ရ။ တာက်မွဲမွဲမ္ဂး နွံကဵု တာက်ပံက် `<...>` ကေုာံ တာက်ဒုင် `/...` ရ။


ဥပမာ သ္ဇိုင်:

ပလေဝ်ဒါန်
<!DOCTYPE html>
<html>
<head>
  <title>ယၟုမုက်လိက်</title>
</head>
<body>
  <h1>က္ဍိုပ်လိက်ဇၞော်</h1>
  <p>ဏအ်ဝွံ ဒှ်လိက်ပရူပရာရ။</p>
  <a href="https://mnw.wikipedia.org">လေန် သွက်ဝဳကဳပဳဒဳယာမန်</a>
</body>
</html>

တင်ကိစ္စဇၞော်ဂမၠိုင် (Key Elements)

ပလေဝ်ဒါန်
  1. Hypertext: ဒှ်လိက်မနွံကဵု လေန် (Hyperlinks) သွက်ဂွံဆက်စၠောအ်အာ မုက်လိက်တၞဟ်။
  2. Markup: ပွမစၟတ်သမ္တီလိက် ညံင်ဂွံဗၟံက်ထ္ၜး ဗီုပြင်နာနာ (ဥပမာ - `` သွက်လိက်ဒူ၊ `` သွက်လိက်စောင်း)။
  3. DOM (Document Object Model): HTML ဝွံ ဒက်ပတန်လဝ် ညံင်ရဴတၞံဆု (Tree structure) တုဲ၊ အရေဝ်ဘာသာတၞဟ် (ဥပမာ - JavaScript) တအ် ဍိုက်က္ဍိုပ် ပလေဝ်ဒါန် တင်ဂၞန်တအ်ဂှ် ဂွံမာန်ရ။

ပရေင်ဆက်စပ် ကုနဲပညာတၞဟ်

ပလေဝ်ဒါန်

မုက်လိက်ဝပ်သာဒ် ခေတ်လၟုဟ်မ္ဂး HTML ဝွံ ကမၠောန်မွဲဓဝ် ဟွံသေင်ဘဲ၊ သ္ဒးသုင်စောဲ ပံင်ကောံကု-

  • CSS: သွက်ဂွံ ပြေင်လှာဲ အသာ်၊ ဗီုပြင် ကေုာံ ရာင်ဆာဲ (Style)။
  • JavaScript: သွက်ဂွံ ဖန်ဗဒှ် ပရေင်ချဳဒရာင် ကေုာံ သၞောတ်အာတ်တေတ် (Behavior)။


ဆက်ဗှ်လ္ၚတ်

ပလေဝ်ဒါန်

နိဿဲဂမၠိုင်

ပလေဝ်ဒါန်