Text များ နှင့် စာလုံးပုံပြောင်းခြင်း

ရည်ရွယ်ချက်

ဒီအခန်းမှာတော့ HTML မှာ စာသားတွေကို ဘယ်လိုပုံစံချရမလဲဆိုတာကို အဓိကထားသွားမှာပါ။ ခေါင်းစဉ်ကြီးတွေ (headings)၊ စာပိုဒ်တွေ (paragraphs) ဖန်တီးနည်းနဲ့ HTML tag အမျိုးမျိုးသုံးပြီး စာသားပုံစံပြောင်းနည်းတွေကို သင်ယူရပါမယ်။ ဒါ့အပြင် list တွေနဲ့ တခြားအရေးကြီးတဲ့ စာသားပုံစံချတဲ့ element တွေကိုသုံးပြီး ကိုယ့်ရဲ့အကြောင်းအရာတွေကို ဘယ်လို စနစ်တကျစီစဉ်မလဲဆိုတာကိုလည်း လေ့လာသွားပါမယ်။

ခေါင်းစဉ်များ (<h1> to <h6>)

HTML မှာ headings တွေကို ကိုယ့်ရဲ့အကြောင်းအရာတွေကို ပုံစံကျအောင် သတ်မှတ်ဖို့သုံးပါတယ်။ Headings တွေက အကြောင်းအရာကို စနစ်တကျဖြစ်စေဖို့ရော၊ SEO (Search Engine Optimization) အတွက်ပါ အရေးကြီးပါတယ်။

Heading Tags:

HTML မှာ ခေါင်းစဉ် <h1> ကနေ <h6> အထိ အဆင့် ၆ ဆင့်ရှိပါတယ်

ဥပမာ -

HTML

<h1>This is a Main Heading</h1>
<h2>This is a Subheading</h2>
<h3>This is a Smaller Subheading</h3>

• <h1>: စာမျက်နှာရဲ့ အဓိကခေါင်းစဉ်ကြီး (များသောအားဖြင့် title အတွက်သုံးတယ်)။
• <h2>: <h1> အောက်က ခေါင်းစဉ်ငယ်။
• <h3> to <h6>: အရေးပါမှုအလိုက် တဖြည်းဖြည်းသေးသွားတဲ့ ခေါင်းစဉ်ငယ်တွေ။

Headings တွေ ဘာကြောင့်အရေးကြီးသလဲ

• Headings တွေက သူ့အဆင့်နဲ့ သူ ပုံစံကျအောင် ကူညီပေးတယ်။
• သူတို့က အသုံးပြုသူတွေရော search engine တွေကိုပါ သင့်စာမျက်နှာရဲ့ တည်ဆောက်ပုံကို နားလည်အောင် ကူညီပေးတယ်။

စာပိုဒ်များ (Paragraphs)

<p> tag ကို စာပိုဒ်တွေ ဖန်တီးဖို့အတွက် သုံးပါတယ်။ စာပိုဒ်တွေက အကြောင်းအရာတွေကို စုစည်းပေးပြီး ဖတ်ရလွယ်ကူအောင် ကူညီပေးပါတယ်။

ဥပမာ:

HTML

<p>This is a paragraph of text.</p>
<p>Here is another paragraph.</p>

• <p> tag က စာပိုဒ်တွေကို စုစည်းပေးပြီး ဖတ်ရလွယ်ကူအောင် ကူညီပေးပါတယ်။
• <p> tag ကိုသုံးတဲ့အခါ၊ browser က စာပိုဒ်ရဲ့ အပေါ်နဲ့အောက်မှာ နေရာလပ်ကို အလိုအလျောက်ထည့်ပေးတဲ့အတွက် တခြား element တွေနဲ့ မြင်သာအောင် ခွဲခြားပေးပါတယ်။