HTML အစိတ်အပိုင်းများ
HTML ဒြပ်စင်တစ်ခုအား စတင်တက်ဂ်၊ အချို့သောအကြောင်းအရာနှင့် အဆုံးတဂ်တို့က သတ်မှတ်သည်။
HTML အစိတ်အပိုင်းများ
HTML element သည် အစ tag မှ အဆုံး tag အထိ အရာအားလုံးဖြစ်သည် ။
HTML အစိတ်အပိုင်းအချို့၏ ဥပမာများ-
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
မှတ်ချက်- အချို့သော HTML ဒြပ်စင်များတွင် အကြောင်းအရာမရှိပါ ( <br> ဒြပ်စင်ကဲ့သို့)။ ဤဒြပ်စင်များကို ဗလာဒြပ်စင်ဟုခေါ်သည်။ အချည်းနှီးသောဒြပ်စင်များတွင် အဆုံးတဂ်မရှိပါ။
Nested HTML ဒြပ်စင်များ
HTML ဒြပ်စင်များကို nested လုပ်ထားနိုင်သည် (ဆိုလိုတာက ဒြပ်စင်များတွင် အခြားဒြပ်စင်များ ပါဝင်နိုင်သည်ဟု ဆိုလိုသည်)။
HTML စာရွက်စာတမ်းအားလုံးတွင် nested HTML ဒြပ်စင်များ ပါဝင်ပါသည်။
အောက်ပါဥပမာတွင် HTML ဒြပ်စင်လေးခုပါရှိသည် ( <html>, <body>, <h1>
နှင့် <p>):
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
နမူနာရှင်းပြထားပါတယ်။
ဒြပ်စင် သည် <html>အမြစ်ဒြပ်စင်ဖြစ်ပြီး ၎င်းသည် HTML စာရွက်စာတမ်းတစ်ခုလုံးကို သတ်မှတ်သည်။
၎င်းတွင် အစမှတ်ဂ် <html>နှင့် အဆုံး မှတ်တစ်ခု </html>ပါရှိသည်။
ထို့နောက်၊ ဒြပ်စင်အတွင်း၌ <html>ဒြပ်စင်တစ်ခု ရှိသည် <body>
-
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
ဒြပ်စင်သည် စာရွက်စာတမ်း ၏ <body>ကိုယ်ထည်ကို သတ်မှတ်သည်။
၎င်းတွင် အစမှတ်ဂ် <body>နှင့် အဆုံး မှတ်တစ်ခု </body>ပါရှိသည်။
ထို့နောက်၊ ဒြပ်စင်အတွင်း၌ <body>အခြားဒြပ်စင်နှစ်ခု ရှိသည်-
<h1>နှင့်
<p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p>ဒြပ်စင် သည် <h1>ခေါင်းစဉ်တစ်ခုကို သတ်မှတ်သည်။
၎င်းတွင် အစမှတ်ဂ် <h1>နှင့် အဆုံး မှတ်ပါရှိသည် </h1>။
<h1>My First Heading</h1>
ဒြပ်စင် သည် <p>စာပိုဒ်တစ်ခုကို သတ်မှတ်သည်။
၎င်းတွင် အစမှတ်ဂ် <p>နှင့် အဆုံး မှတ်ပါရှိသည် </p>။
<p>My first paragraph.</p>
End Tag ကို ဘယ်တော့မှ မကျော်ပါနဲ့။
အဆုံးတက်ဂ်ကို မေ့သွားသော်လည်း အချို့သော HTML အစိတ်အပိုင်းများသည် မှန်ကန်စွာပြသပါမည်-
ဥပမာ
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
သို့သော်၊ ဒါကို ဘယ်တော့မှ အားမကိုးပါနဲ့။ အဆုံးတက်ဂ်ကို မေ့သွားပါက မမျှော်လင့်ထားသော ရလဒ်များနှင့် အမှားအယွင်းများ ဖြစ်ပေါ်လာနိုင်သည်။
HTML Elements အလွတ်များ
အကြောင်းအရာမရှိသော HTML ဒြပ်စင်များကို ဗလာဒြပ်စင်ဟုခေါ်သည်။
<br>တက်ဂ်သည် လိုင်းခွဲခြင်းကို သတ်မှတ်ပြီး အပိတ်အမှတ်အသားမပါဘဲ အလွတ်တစ်ခုဖြစ်သည် ။
ဥပမာ
<p>This is a <br> paragraph with a line break.</p>
HTML သည် Case Sensitive မဟုတ်ပါ။
HTML တဂ်များသည် စာလုံးအသေးမရှိပါ- <P>ဆိုလိုသည်မှာ <p>.
HTML စံနှုန်းသည် စာလုံးသေးတဂ်များ မလိုအပ်သော်လည်း W3C သည် HTML တွင် စာလုံး သေးများကို အကြံပြု ထားပြီး XHTML ကဲ့သို့ ပိုမိုတင်းကျပ်သော စာရွက်စာတမ်းအမျိုးအစားများအတွက် စာလုံးသေးကို တောင်းဆို သည်။
W3Schools တွင် စာလုံးသေးအမည်များကို အမြဲသုံးပါသည်။
HTML Tag အကိုးအကား
W3Schools ၏ တဂ်ရည်ညွှန်းချက်တွင် ဤတက်ဂ်များနှင့် ၎င်းတို့၏ အရည်အချင်းများအကြောင်း နောက်ထပ်အချက်အလက်များ ပါရှိသည်။
| Tag | Description |
|---|---|
| <html> | Defines the root of an HTML document |
| <body> | Defines the document's body |
| <h1> to <h6> | Defines HTML headings |
ရနိုင်သော HTML တဂ်များ အားလုံး၏ စာရင်းအပြည့်အစုံအတွက်၊ ကျွန်ုပ်တို့၏ HTML Tag အကိုးအကားကို ဝင်ရောက်ကြည့်ရှု ပါ။