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>
အဆင့် 3- HTML စာမျက်နှာကို သိမ်းဆည်းပါ။
ဖိုင်ကို သင့်ကွန်ပြူတာတွင် သိမ်းဆည်းပါ။ Notepad menu တွင် File > Save as ကို ရွေး ပါ။
ဖိုင်ကို "index.htm" ဟု အမည် ပေးပြီး ကုဒ်နံပါတ်ကို UTF-8 ( HTML ဖိုင်များအတွက် ဦးစားပေး ကုဒ်လုပ်ခြင်းဖြစ်သည်)။
အကြံပြုချက်- သင်သည် .htm သို့မဟုတ် .html ကို ဖိုင်တိုးချဲ့မှုအဖြစ် သုံးနိုင်သည်။ ကွာခြားမှုမရှိပါ၊ သင့်အပေါ်တွင်သာရှိသည်။
အဆင့် 4- သင်၏ဘရောက်ဆာရှိ HTML စာမျက်နှာကိုကြည့်ပါ။
သင်အကြိုက်ဆုံးဘရောက်ဆာတွင်သိမ်းဆည်းထားသော HTML ဖိုင်ကိုဖွင့်ပါ (ဖိုင်ပေါ်တွင်နှစ်ချက်နှိပ်ပါ၊ သို့မဟုတ်ညာဖက်ကလစ်နှိပ်ပါ - နှင့် "Open with" ကိုရွေးချယ်ပါ)။
ရလဒ်သည် ဤကဲ့သို့ တွေ့ရလိမ့်မည်-
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 ဟုခေါ်သော ကျွန်ုပ်တို့၏ အခမဲ့ ဝဘ်ဆိုက်တည်ဆောက်သူ ကို စမ်းသုံးကြည့်ပါ -