HTML နိဒါန်း

HTML သည် ဝဘ်စာမျက်နှာများကို ဖန်တီးရန်အတွက် စံသတ်မှတ်ထားသော ဘာသာစကားဖြစ်သည်။

HTML ဆိုတာဘာလဲ။

HTML သည် Hyper Text Markup Language ကို ကိုယ်စားပြုသည်။
HTML သည် ဝဘ်စာမျက်နှာများကို ဖန်တီးရန်အတွက် စံသတ်မှတ်ထားသော ဘာသာစကားဖြစ်သည်။
HTML သည် ဝဘ်စာမျက်နှာတစ်ခု၏ ဖွဲ့စည်းပုံကို ဖော်ပြသည်။
HTML တွင် ဒြပ်စင်များ အတွဲလိုက် ပါဝင်ပါသည်။
HTML အစိတ်အပိုင်းများသည် အကြောင်းအရာကို မည်သို့ပြသရမည်ကို browser အား ပြောပြသည်။
HTML ဒြပ်စင်များသည် "ဒါက ခေါင်းစဉ်တစ်ခု"၊ "ဤသည်မှာ စာပိုဒ်တစ်ခု"၊ "ဤသည်မှာ လင့်ခ်တစ်ခု" ကဲ့သို့သော အကြောင်းအရာအပိုင်းအစများကို အညွှန်းတပ်ပါသည်။

ရိုးရှင်းသော HTML စာရွက်စာတမ်း

ဥပမာ

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

နမူနာရှင်းပြထားပါတယ်။

<!DOCTYPE html>ကြေငြာချက်သည် ဤစာရွက်စာတမ်းသည် HTML5 စာရွက်စာတမ်းဖြစ်ကြောင်း သတ်မှတ်သည် ။
<html>ဒြပ်စင်သည် HTML စာမျက်နှာတစ်ခု၏ အမြစ်ဒြပ်စင်ဖြစ်သည် ။
<head>ဒြပ်စင်တွင် HTML စာမျက်နှာနှင့်ပတ်သက်သော မက်တာအချက်အလက်ပါရှိသည် ။
ဒြပ်စင် သည် <title>HTML စာမျက်နှာအတွက် ခေါင်းစဉ်တစ်ခုကို သတ်မှတ်သည် (ဘရောက်ဆာ၏ ခေါင်းစဉ်ဘားတွင် သို့မဟုတ် စာမျက်နှာ၏ တက်ဘ်တွင် ပြထားသည်)
ဒြပ်စင်သည် စာရွက်စာတမ်း ၏ <body>ကိုယ်ထည်ကို သတ်မှတ်ပေးပြီး ခေါင်းစီးများ၊ စာပိုဒ်များ၊ ရုပ်ပုံများ၊ ဟိုက်ပါလင့်ခ်များ၊ ဇယားများ၊ စာရင်းများ စသည်တို့ကဲ့သို့ မြင်နိုင်သောအကြောင်းအရာအားလုံးအတွက် ကွန်တိန်နာတစ်ခုဖြစ်သည်။
<h1>ဒြပ်စင်သည် ကြီးမားသော ခေါင်းစဉ်တစ်ခုကို သတ်မှတ်သည် ။
<p>ဒြပ်စင်သည် စာပိုဒ်တစ်ခုကို သတ်မှတ်သည် ။

HTML Element ဆိုတာ ဘာလဲ။

HTML ဒြပ်စင်တစ်ခုကို စတင်တက်ဂ်၊ အချို့သော အကြောင်းအရာနှင့် အဆုံးတဂ်က သတ်မှတ်သည်-

< tagname > အကြောင်းအရာ ဒီမှာပါ... < /tagname >

HTML element သည် အစ tag မှ အဆုံး tag အထိ အရာအားလုံးဖြစ်သည် ။

< h1 > ကျွန်ုပ်၏ ပထမဆုံး ခေါင်းစီး < /h1 >

< p > ကျွန်ုပ်၏ပထမစာပိုဒ်။ < /p >

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
<br>	none	none

မှတ်ချက်- အချို့သော HTML ဒြပ်စင်များတွင် အကြောင်းအရာမရှိပါ ( <br> ဒြပ်စင်ကဲ့သို့)။ ဤဒြပ်စင်များကို ဗလာဒြပ်စင်ဟုခေါ်သည်။ အချည်းနှီးသောဒြပ်စင်များတွင် အဆုံးတဂ်မရှိပါ။

ဝဘ်ဘရောက်ဆာများ

ဝဘ်ဘရောက်ဆာ (Chrome၊ Edge၊ Firefox၊ Safari) ၏ ရည်ရွယ်ချက်မှာ HTML စာရွက်စာတမ်းများကို ဖတ်ရှုပြီး ၎င်းတို့ကို မှန်ကန်စွာပြသရန်ဖြစ်သည်။

ဘရောက်ဆာတစ်ခုသည် HTML တက်ဂ်များကို မပြသသော်လည်း စာရွက်စာတမ်းကိုပြသနည်းကို ဆုံးဖြတ်ရန် ၎င်းတို့ကို အသုံးပြုသည်-

Browser တွင်ကြည့်ရှုပါ။

HTML Page Structure

အောက်တွင် HTML စာမျက်နှာဖွဲ့စည်းပုံအား ပုံဖော်ခြင်းဖြစ်ပါသည်။

<html>

<head>

<title>စာမျက်နှာခေါင်းစဉ်</title>

</head>

<body>

<h1>ဒါက ခေါင်းစီးတစ်ခု</h1>

<p>ဒါက စာပိုဒ်ပါ။</p>

<p>ဤသည်မှာ အခြားစာပိုဒ်ဖြစ်သည်။</p>

</body>

</html>

မှတ်ချက်- <body> ကဏ္ဍ (အထက်အဖြူရောင်ဧရိယာ) အတွင်းရှိ အကြောင်းအရာကို ဘရောက်ဆာတစ်ခုတွင် ပြသပါမည်။ <title> ဒြပ်စင်အတွင်းရှိ အကြောင်းအရာကို ဘရောက်ဆာ၏ ခေါင်းစဉ်ဘားတွင် သို့မဟုတ် စာမျက်နှာ၏ တက်ဘ်တွင် ပြသပါမည်။

HTML မှတ်တမ်း

World Wide Web ၏အစောပိုင်းကာလကတည်းက၊ HTML ၏ဗားရှင်းများစွာရှိခဲ့သည်။

Year	Version
1989	Tim Berners-Lee invented www
1991	Tim Berners-Lee invented HTML
1993	Dave Raggett drafted HTML+
1995	HTML Working Group defined HTML 2.0
1997	W3C Recommendation: HTML 3.2
1999	W3C Recommendation: HTML 4.01
2000	W3C Recommendation: XHTML 1.0
2008	WHATWG HTML5 First Public Draft
2012	WHATWG HTML5 Living Standard
2014	W3C Recommendation: HTML5
2016	W3C Candidate Recommendation: HTML 5.1
2017	W3C Recommendation: HTML5.1 2nd Edition
2017	W3C Recommendation: HTML5.2

ဤသင်ခန်းစာသည် နောက်ဆုံးပေါ် HTML5 စံနှုန်းအတိုင်းဖြစ်သည်။

❮ ယခင် နောက်တစ်ခု ❯

HTML ကျူတိုရီရယ်

HTML ပုံစံများ

HTML ဂရပ်ဖစ်

HTML မီဒီယာ

HTML API များ

HTML နမူနာများ

HTML ကိုးကားချက်များ