HTML Skeleton ကိုအသုံးပြုခြင်း။
အရိုးစု ဆိုသည်မှာ သက်ရှိများ၏ ပံ့ပိုးပေးသည့် မူဘောင်ဖြစ်သည်။
ပိုထိခိုက်လွယ်တဲ့ ခန္ဓာကိုယ်ကို ကာကွယ်ဖို့ ခက်ခဲတဲ့အရာတစ်ခုကနေ ပုံမှန်အားဖြင့် ပြုလုပ်ထားပါတယ်။
စွယ်စုံကျမ်း
Web developer တိုင်းတွင် HTML skeleton ရှိသင့်သည်။
၎င်း၏အိတ်ကပ်ထဲတွင် သိမ်းဆည်းထားသင့်ပြီး အလုပ်တိုင်းအတွက် အသုံးပြုသင့်သည်-
ဥပမာ
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>
<img src="img_la.jpg" alt="LA" style="width:100%">
<div class="">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>
</body>
</html>
၎င်းအလုပ်လုပ်ပုံကိုကြည့်ရန် "သင်ကိုယ်တိုင်စမ်းသုံးကြည့်ပါ" ခလုတ်ကိုနှိပ်ပါ။
"This is a heading" စာသားကို "This is my wedding" သို့ပြောင်းကြည့်ပါ။
မင်းလုပ်ခဲ့တာလား။
ဂုဏ်ယူပါသည်။ HTML တည်းဖြတ်နည်းကို ယခု သင်သိပါပြီ။
HTML Skeleton ၏ ရှင်းလင်းချက်
DOCTYPE သည် ရှိနေရပါမည်။ ၎င်းသည် HTML စာရွက်စာတမ်းဖြစ်ကြောင်း ဘရောက်ဆာအား အသိပေးသည်-
<!DOCTYPE html>
html စတင်တက်ဂ်နှင့် html အဆုံးတက်ဂ်သည် HTML စာရွက်စာတမ်းတစ်ခု၏ အစနှင့်အဆုံးကို သတ်မှတ်သည်။
ဘာသာစကားမှာ အင်္ဂလိပ်-
<html lang="en">
</html>
မက်တာစာလုံးတွဲတဂ်သည် ဇာတ်ကောင်အစုံ (UTF-8) ကို သတ်မှတ်သည်-
HTML စာမျက်နှာတွင် ဦးခေါင်းတက်ဂ်များ ပျောက်နေသည်။ HTML တွင် Head Tag များ မလိုအပ်ပါ။
HTML တွင်၊ body tag မတိုင်မီ အရာအားလုံးကို ဦးခေါင်း၏ အစိတ်အပိုင်းတစ်ခုအဖြစ် သတ်မှတ်သည်။
<meta charset="UTF-8">
HTML စံနှုန်းသည် သင့်လျော်သော စာမျက်နှာခေါင်းစဉ် လိုအပ်သည်-
<title>Page Title</title>
မက်တာမြင်ကွင်းပို့ဂ်သည် မျက်နှာပြင်အရွယ်အစားအားလုံးတွင် စာမျက်နှာကို ကြည့်ကောင်းစေသည် (လက်ပ်တော့၊ မိုဘိုင်း)။
<meta name="viewport" content="width=device-width,initial-scale=1">
လင့်ခ်တဂ်သည် ပုံစံစာရွက်သို့ လင့်ခ်ချိတ်သည်-
<link rel="stylesheet" href="name">
စတဂ်နှင့် အဆုံးတဂ်သည် အနာဂတ် CSS ပုံစံကို ဝန်းရံထားသည်-
<style>
</style>
script tag သည် script တစ်ခုသို့ လင့်ခ်ချိတ်သည်-
<script src="name"></script>
စတင် tag နှင့် အဆုံး tag သည် HTML စာရွက်စာတမ်း၏ မြင်နိုင်သောကိုယ်ထည်ကို ဝန်းရံထားသည်-
<body>
</body>
ပုံတဂ်များသည် HTML ပုံများကို သတ်မှတ်သည်-
<img src="img_la.jpg" alt="LA" style="width:100%">
div ဒြပ်စင်များတွင် HTML ကဏ္ဍများကို "ထုပ်ပိုးရန်" အလေ့အကျင့်လုပ်ပါ။
အပိုင်းတစ်ခုစီကို အတန်းအမည်ပေးရန်အတွက် သင်ကိုယ်တိုင် ပြင်ဆင်ပါ။
<div class="class name">
</div>
ခေါင်းစီးတက်ဂ်များသည် HTML ခေါင်းစီးများကို သတ်မှတ်သည်-
<h1>This is a Heading</h1>
စာပိုဒ်တဂ်များသည် HTML စာပိုဒ်များကို အဓိပ္ပါယ်ဖွင့်ဆိုသည်-
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>