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

HTML ပင်မစာမျက်နှာ HTML နိဒါန်း HTML တည်းဖြတ်သူများ HTML အခြေခံ HTML အစိတ်အပိုင်းများ HTML အရည်အချင်းများ HTML ခေါင်းစီးများ HTML စာပိုဒ်များ HTML ပုံစံများ HTML Formatting HTML ကိုးကားချက်များ HTML မှတ်ချက်များ HTML အရောင်များ HTML CSS HTML လင့်ခ်များ HTML ပုံများ HTML Favicon HTML ဇယားများ HTML စာရင်းများ HTML Block & Inline HTML အတန်းများ HTML ID HTML Iframes HTML JavaScript HTML ဖိုင်လမ်းကြောင်းများ HTML Head HTML အပြင်အဆင် HTML တုံ့ပြန်မှု HTML ကွန်ပျူတာကုဒ် HTML ဝေါဟာရများ HTML ပုံစံလမ်းညွှန် HTML အကြောင်းအရာများ HTML သင်္ကေတများ HTML အီမိုဂျီများ HTML Charset HTML URL ကုဒ် HTML နှင့် XHTML

HTML ပုံစံများ

HTML ပုံစံများ HTML Form Attribute များ HTML ဖောင်ဒြပ်စင်များ HTML ထည့်သွင်းမှု အမျိုးအစားများ HTML ထည့်သွင်းခြင်း အရည်အချင်းများ HTML Input Form Attributes

HTML ဂရပ်ဖစ်

HTML Canvas HTML SVG

HTML မီဒီယာ

HTML မီဒီယာ HTML ဗီဒီယို HTML အသံ HTML ပလပ်အင်များ HTML YouTube

HTML API များ

HTML Geolocation HTML ဆွဲ/ချပါ။ HTML ဝဘ်သိုလှောင်မှု HTML ဝဘ်အလုပ်သမားများ HTML SSE

HTML နမူနာများ

HTML နမူနာများ HTML Quiz HTML လေ့ကျင့်ခန်းများ HTML လက်မှတ် HTML အနှစ်ချုပ် HTML အသုံးပြုနိုင်မှု

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

HTML Tag စာရင်း HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML Browser ပံ့ပိုးမှု HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML Doctypes HTML အက္ခရာအစုံများ HTML URL ကုဒ် HTML လန်းကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ

HTML တည်းဖြတ်သူများ


ရိုးရှင်းသော စာသားတည်းဖြတ်သူသည် HTML ကို လေ့လာရန် လိုအပ်သည်။


Notepad သို့မဟုတ် TextEdit ကို အသုံးပြု၍ HTML ကို လေ့လာပါ။

ပရော်ဖက်ရှင်နယ် HTML တည်းဖြတ်သူများ အသုံးပြုခြင်းဖြင့် ဝဘ်စာမျက်နှာများကို ဖန်တီးပြင်ဆင်နိုင်သည်။

သို့သော် HTML ကိုလေ့လာရန်အတွက် ကျွန်ုပ်တို့သည် Notepad (PC) သို့မဟုတ် TextEdit (Mac) ကဲ့သို့သော ရိုးရှင်းသော စာသားတည်းဖြတ်ခြင်းကို အကြံပြုထားပါသည်။

ရိုးရှင်းသော စာသားတည်းဖြတ်သူအား အသုံးပြုခြင်းသည် HTML ကိုလေ့လာရန် ကောင်းမွန်သောနည်းလမ်းဖြစ်သည်ဟု ကျွန်ုပ်တို့ယုံကြည်ပါသည်။

Notepad သို့မဟုတ် TextEdit ဖြင့် သင်၏ ပထမဆုံး ဝဘ်စာမျက်နှာကို ဖန်တီးရန် အောက်ပါအဆင့်များကို လိုက်နာပါ။


အဆင့် 1- Notepad (PC) ကိုဖွင့်ပါ။

Windows 8 သို့မဟုတ် နောက်ပိုင်းတွင်

Start Screen ကိုဖွင့် ပါ (သင့်စခရင်ပေါ်ရှိ ဘယ်ဘက်အောက်ခြေရှိ ပြတင်းပေါက်သင်္ကေတ) ကိုဖွင့်ပါ။ Notepad ကို ရိုက် ပါ။

Windows 7 နှင့်အထက်-

Start > Programs > Accessories > Notepad ကို ဖွင့် ပါ။


အဆင့် 1- TextEdit (Mac) ကိုဖွင့်ပါ။

Finder > Applications > TextEdit ကို ဖွင့် ပါ။

ဖိုင်များကို မှန်ကန်စွာ သိမ်းဆည်းရန် အပလီကေးရှင်းကို ရရှိရန် ဦးစားပေးအချို့ကိုလည်း ပြောင်းလဲပါ။ Preferences > Format > "Plain Text" ကို ရွေး ပါ

ထို့နောက် "Open and Save" အောက်တွင် "ဖော်မတ်လုပ်ထားသော စာသားအစား HTML ဖိုင်များကို HTML ကုဒ်အဖြစ်ပြသမည်" ဟူသော အကွက်ကို အမှတ်ခြစ်ပါ။

ထို့နောက် ကုဒ်ကို နေရာချရန် စာရွက်စာတမ်းအသစ်ကို ဖွင့်ပါ။


အဆင့် 2: HTML အချို့ကိုရေးပါ။

အောက်ပါ HTML ကုဒ်ကို Notepad ထဲသို့ ရေးပါ သို့မဟုတ် ကော်ပီကူးပါ။

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Notepad



အဆင့် 3- HTML စာမျက်နှာကို သိမ်းဆည်းပါ။

ဖိုင်ကို သင့်ကွန်ပြူတာတွင် သိမ်းဆည်းပါ။ Notepad menu တွင် File > Save as ကို ရွေး ပါ။

ဖိုင်ကို "index.htm" ဟု အမည် ပေးပြီး ကုဒ်နံပါတ်ကို UTF-8 ( HTML ဖိုင်များအတွက် ဦးစားပေး ကုဒ်လုပ်ခြင်းဖြစ်သည်)။

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

အကြံပြုချက်- သင်သည် .htm သို့မဟုတ် .html ကို ဖိုင်တိုးချဲ့မှုအဖြစ် သုံးနိုင်သည်။ ကွာခြားမှုမရှိပါ၊ သင့်အပေါ်တွင်သာရှိသည်။


အဆင့် 4- သင်၏ဘရောက်ဆာရှိ HTML စာမျက်နှာကိုကြည့်ပါ။

သင်အကြိုက်ဆုံးဘရောက်ဆာတွင်သိမ်းဆည်းထားသော HTML ဖိုင်ကိုဖွင့်ပါ (ဖိုင်ပေါ်တွင်နှစ်ချက်နှိပ်ပါ၊ သို့မဟုတ်ညာဖက်ကလစ်နှိပ်ပါ - နှင့် "Open with" ကိုရွေးချယ်ပါ)။

ရလဒ်သည် ဤကဲ့သို့ တွေ့ရလိမ့်မည်-

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


W3Schools အွန်လိုင်းတည်းဖြတ်သူ - "သင်ကိုယ်တိုင်စမ်းကြည့်ပါ"

ကျွန်ုပ်တို့၏ အခမဲ့အွန်လိုင်းတည်းဖြတ်မှုဖြင့်၊ သင်သည် HTML ကုဒ်ကို တည်းဖြတ်နိုင်ပြီး သင့်ဘရောက်ဆာတွင် ရလဒ်ကို ကြည့်ရှုနိုင်ပါသည်။

ကုဒ်အမြန် စမ်းသပ် လိုသည့်အခါ ၎င်းသည် ပြီးပြည့်စုံသောကိရိယာ ဖြစ်သည်။ ၎င်းတွင် အရောင်ကုဒ်နှင့် ကုဒ်ကို အခြားသူများနှင့် သိမ်းဆည်းပြီး မျှဝေနိုင်သည့် စွမ်းရည်လည်း ပါရှိသည်။

ဥပမာ

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

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

၎င်းအလုပ်လုပ်ပုံကိုကြည့်ရန် "သင်ကိုယ်တိုင်စမ်းသုံးကြည့်ပါ" ခလုတ်ကိုနှိပ်ပါ။


W3Schools Spaces

သင့်ကိုယ်ပိုင် ဝဘ်ဆိုဒ်ကို ဖန်တီးပြီး သင့်ကုဒ်ကို အွန်လိုင်းတွင် သိမ်းဆည်းလိုပါက W3schools Spaces ဟုခေါ်သော ကျွန်ုပ်တို့၏ အခမဲ့ ဝဘ်ဆိုက်တည်ဆောက်သူ ကို စမ်းသုံးကြည့်ပါ -