HTML အခြေခံဥပမာများ
ဤအခန်းတွင် ကျွန်ုပ်တို့သည် အခြေခံ HTML နမူနာအချို့ကို ပြသပါမည်။
သင်မလေ့လာရသေးသော တဂ်များကို အသုံးပြုပါက စိတ်မပူပါနှင့်။
HTML စာရွက်စာတမ်းများ
HTML စာရွက်စာတမ်းအားလုံးသည် စာရွက်စာတမ်းအမျိုးအစား ကြေငြာချက်ဖြင့် စတင်ရပါမည် <!DOCTYPE html>
။
HTML Document သည် သူ့ဘာသာသူ အစ <html>
ပြုပြီး အဆုံးသတ်သည် </html>
။
HTML Document ၏ မြင်နိုင်သော အပိုင်းသည် <body>
နှင့် </body>
.
ဥပမာ
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE> ကြေငြာချက်
ကြေငြာချက် သည် <!DOCTYPE>
စာရွက်စာတမ်းအမျိုးအစားကို ကိုယ်စားပြုပြီး ဝဘ်စာမျက်နှာများကို မှန်ကန်စွာပြသရန် ဘရောက်ဆာများကို ကူညီပေးသည်။
၎င်းသည် စာမျက်နှာ၏ထိပ်တွင် (HTML တဂ်များမတင်မီ) တွင် တစ်ကြိမ်သာ ပေါ်လာရပါမည်။
ကြေငြာချက် သည် <!DOCTYPE>
ဖြစ်ရပ်မှန်မဟုတ်ပေ။
<!DOCTYPE>
HTML5 အတွက် ကြေငြာချက်မှာ -
<!DOCTYPE html>
HTML ခေါင်းစီးများ
HTML ခေါင်းစီးများကို <h1>
to <h6>
tags ဖြင့် သတ်မှတ်သည်။
<h1>
အရေးကြီးဆုံး ခေါင်းစဉ်ကို သတ်မှတ်သည်။ <h6>
အရေးကြီးဆုံးခေါင်းစဉ်ကို သတ်မှတ်သည်-
ဥပမာ
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML စာပိုဒ်များ
<p>
HTML စာပိုဒ်များကို တဂ် ဖြင့် သတ်မှတ်သည် -
ဥပမာ
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML လင့်ခ်များ
<a>
HTML လင့်ခ်များကို တဂ် ဖြင့် သတ်မှတ်သည် -
ဥပမာ
<a href="https://www.w3schools.com">This is a link</a>
လင့်ခ်၏ ဦးတည်ရာကို ရည်ညွှန်းချက်တွင် href
သတ်မှတ်ထားသည်။
HTML ဒြပ်စင်များအကြောင်း နောက်ထပ်အချက်အလက်များကို ပေးဆောင်ရန် ရည်ညွှန်းချက်များကို အသုံးပြုသည်။
နောက်ပိုင်းအခန်းတွင် attribute များအကြောင်း ပိုမိုလေ့လာနိုင်ပါမည်။
HTML ပုံများ
HTML ပုံများကို <img>
tag ဖြင့် သတ်မှတ်ပါသည်။
အရင်းအမြစ်ဖိုင် ( src
) ၊ အစားထိုးစာသား ( alt
)
width
နှင့် height
ရည်ညွှန်းချက်များအဖြစ် ပံ့ပိုးပေးသည်-
ဥပမာ
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
HTML အရင်းအမြစ်ကို ဘယ်လိုကြည့်ရမလဲ။
ဝဘ်စာမျက်နှာကို မြင်ဖူးပြီး "ဟေး၊ အဲဒါ ဘယ်လို လုပ်လိုက်တာလဲ" လို့ တွေးဖူးပါသလား။
HTML အရင်းအမြစ်ကုဒ်ကို ကြည့်ရန်-
HTML စာမျက်နှာတစ်ခုတွင် ညာကလစ်နှိပ်ပြီး "View Page Source" (Chrome တွင်) သို့မဟုတ် "View Source" (Edge) သို့မဟုတ် အခြားဘရောက်ဆာများတွင် အလားတူရွေးချယ်ပါ။ ၎င်းသည် စာမျက်နှာ၏ HTML အရင်းအမြစ်ကုဒ်ပါရှိသော ဝင်းဒိုးတစ်ခုကို ဖွင့်ပါမည်။
HTML Element ကို စစ်ဆေးပါ-
ဒြပ်စင်တစ်ခု (သို့မဟုတ် ကွက်လပ်တစ်ခု) ပေါ်တွင် ညာဖက်ကလစ်နှိပ်ပြီး မည်သည့်ဒြပ်စင်များဖြင့် ဖွဲ့စည်းထားသည်ကိုကြည့်ရှုရန် "စစ်ဆေးရန်" သို့မဟုတ် "စစ်ဆေးရန်" ကိုရွေးချယ်ပါ (HTML နှင့် CSS နှစ်ခုလုံးကို သင်တွေ့မြင်ရလိမ့်မည်)။ ဖွင့်ထားသည့် Elements သို့မဟုတ် Styles panel တွင် HTML သို့မဟုတ် CSS ကို အွန်လိုင်းတွင် တည်းဖြတ်နိုင်သည်။