လုပ်နည်း - ဝဘ်ဆိုဒ်တစ်ခုကို ဖန်တီးပြီး ကြည့်ရှုပါ။
သင့်ကွန်ပြူတာတွင် ဝဘ်စာမျက်နှာတစ်ခုကို ဖန်တီးပြီး ကြည့်ရှုနည်းကို လေ့လာပါ။
အဆင့် 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
သင့်ကိုယ်ပိုင်ဝဘ်ဆိုဒ်ကိုဖန်တီးပြီး သင်၏ .html ဖိုင်များကို လက်ခံကျင်းပလိုပါက W3schools Spaces ဟုခေါ်သော ကျွန်ုပ်တို့၏ အခမဲ့ဝဘ်ဆိုဒ်တည်ဆောက်သူ ကို စမ်းသုံးကြည့်ပါ -