Editor တစ်ခုကို ပြင်ဆင်ခြင်း
HTML ရေးဖို့အတွက် code editor တစ်ခုလိုပါတယ်။ Code editor ဆိုတာ သင် HTML ဖိုင်တွေကို ရေးမယ့်၊ ပြင်မယ့် နေရာပါ။
လူသုံးများတဲ့ Editor -
- VS Code: အစွမ်းထက်ပြီး အခမဲ့ရတဲ့ code editor ပါ။
HTML ဖိုင်တွေကို Save လုပ်ခြင်း:
Section titled “HTML ဖိုင်တွေကို Save လုပ်ခြင်း:”HTML ဖိုင်တစ်ခုဖန်တီးတဲ့အခါ .html extension နဲ့ save ဖို့ သေချာပါစေ။ ဒါမှ သင့်ကွန်ပျူတာက ဒါဟာ browser မှာဖွင့်ရမယ့် HTML ဖိုင်တစ်ခုဆိုတာ သိမှာပါ။
ဥပမာ:
index.html
သင်ရဲ့ ပထမဆုံး HTML စာမျက်နှာ
Section titled “သင်ရဲ့ ပထမဆုံး HTML စာမျက်နှာ”ကဲ! သင့်ရဲ့ ပထမဆုံး HTML စာမျက်နှာကို ရေးကြည့်ကြရအောင်! HTML စာမျက်နှာတစ်ခုရဲ့ အခြေခံတည်ဆောက်ပုံက အောက်ပါအတိုင်းဖြစ်ပါတယ်-
<!DOCTYPE html><html> <head> <title>My First Page</title> </head> <body> <h1>Welcome to My Website</h1> <p>This is my first webpage created using HTML.</p> </body></html>ရှင်းလင်းချက် -
<!DOCTYPE html>: ဒါက document type ကြေညာချက်ဖြစ်ပြီး၊ browser ကို ဒါဟာ HTML5 document တစ်ခုဖြစ်ကြောင်း ပြောပြပါတယ်။<html>: ဒါက HTML စာမျက်နှာတစ်ခုလုံးအတွက် အဖွင့် tag ပါ။<head>: စာမျက်နှာရဲ့ meta-information တွေ (ခေါင်းစဉ်၊ stylesheet တွေရဲ့ link) ပါဝင်ပါတယ်။<title>: Browser ရဲ့ tab မှာပေါ်တဲ့ ခေါင်းစဉ်ပါ။<body>: သင့်စာမျက်နှာရဲ့ မြင်ရတဲ့ အကြောင်းအရာတွေဖြစ်တဲ့ ခေါင်းစဉ်တွေ၊ စာပိုဒ်တွေ၊ ပုံတွေ၊ link တွေ ထည့်ရမယ့်နေရာပါ။<h1>: စာမျက်နှာရဲ့ အဓိကခေါင်းစဉ်အတွက်သုံးတဲ့ heading tag ပါ။<p>: စာသားအကြောင်းအရာတွေပြဖို့သုံးတဲ့ paragraph tag ပါ။
Browser တွေက HTML ကို ဘယ်လိုဖတ်သလဲ
Section titled “Browser တွေက HTML ကို ဘယ်လိုဖတ်သလဲ”Google Chrome, Firefox, ဒါမှမဟုတ် Safari လို browser တွေက HTML code ကိုဖတ်ပြီး webpage တစ်ခုအဖြစ် ပြသပေးပါတယ်။ Browser က tag တွေကို user အတွက် မြင်သာတဲ့ ပုံစံအဖြစ် ဘာသာပြန်ပေးတာပါ။
ဥပမာအနေနဲ့၊ <h1> tag က စာသားကို အကြီးကြီးနဲ့ bold ဖြစ်အောင်လုပ်ဖို့ browser ကို ပြောပြပြီး၊ <p> tag ကတော့ စာသားကို ပုံမှန်စာပိုဒ်အဖြစ် format ချဖို့ ပြောပြပါတယ်။