Skip to content
Takkatho University Takkatho University တက္ကသိုလ် (Takkatho) - Myanmar Programming Learning Platform
GitHub

စာကြောင်းဆင်းခြင်း၊ မျဉ်းတားခြင်း နှင့် စာလုံးပုံစံပြောင်းတဲ့ Tags များ

Website တွေ ရေးတဲ့အခါ တစ်ခါတလေမှာ စာကြောင်းအသစ် တစ်ကြောင်းဆင်းချင်တာ ဒါမှမဟုတ် အပိုင်းတွေကို မျဉ်းတားပြီး ခွဲခြားချင်တာမျိုးတွေ ရှိနိုင်ပါတယ်။

Line Breaks (<br>):

Section titled “Line Breaks (<br>):”

<br> tag က စာပိုဒ်အသစ်မဖြစ်သွားစေဘဲ စာသားကို နောက်တစ်ကြောင်းကို ဆင်းသွားစေပါတယ်။

ဥပမာ

HTML
<p>This is the first line.<br>This is the second line.</p>

Horizontal Rules (<hr>):

Section titled “Horizontal Rules (<hr>):”

<hr> tag က စာမျက်နှာမှာ အလျားလိုက် မျဉ်းတစ်ကြောင်း ဖန်တီးပေးပါတယ်။ အကြောင်းအရာ အပိုင်းတွေကို ခွဲခြားဖို့အတွက် အရမ်း အသုံးဝင်ပါတယ်။

ဥပမာ

HTML
<p>This is a section.</p>
<hr>
<p>This is another section, separated by a line.</p>

စာလုံးပုံစံပြောင်းတဲ့ Tags များ

Section titled “စာလုံးပုံစံပြောင်းတဲ့ Tags များ”

HTML မှာ စာသားတွေကို အလေးပေးဖို့၊ ပုံစံလှအောင်လုပ်ဖို့၊ ဒါမှမဟုတ် အရေးကြီးကြောင်းပြဖို့ ကူညီပေးတဲ့ Tag အများအပြား ရှိပါတယ်။ သူတို့ထဲက တချို့ကို ကြည့်လိုက်ရအောင်။

  • Bold Text (<b>): စာလုံးကို Bold (အထူ) ဖြစ်စေတယ်။ ပုံစံပဲ ပြောင်းတယ်၊ အဓိပ္ပာယ်မပြောင်းဘူး။

  • Italic Text (<i>): စာလုံးကို Italic (အစောင်း) ဖြစ်စေတယ်။ ပုံစံပဲ ပြောင်းတယ်။

  • Underlined Text (<u>): စာသားအောက်မှာ မျဉ်းသားပေးတယ်။

  • Important Text (<strong>): စာသားက တကယ်အရေးကြီးတယ် ဆိုတဲ့ အဓိပ္ပာယ် ကိုပါ ဖော်ပြပေးပြီး၊ ပုံမှန်အားဖြင့် Bold နဲ့ပြတယ်။ Screen reader တွေက ဒီ tag ကို မြင်ရင် “အရေးကြီးသောစကားလုံး” လို့ ဖတ်ပြပေးပါတယ်။

  • Emphasized Text (<em>): စာသားကို အလေးထားတယ် ဆိုတဲ့ အဓိပ္ပာယ် ဖော်ပြပြီး၊ ပုံမှန်အားဖြင့် Italic နဲ့ပြတယ်။

  • Highlighted Text (<mark>): စာသားကို highlight လုပ်ပေးတယ်၊ ပုံမှန်အားဖြင့် အဝါရောင်နောက်ခံနဲ့ပါ။

  • Strikethrough (<s>): စာသားအလယ်ကနေ မျဉ်းဖျက်ပေးတယ်။ ဒါက မှားနေတာ ဒါမှမဟုတ် ဖယ်ရှားလိုက်ပြီဆိုတာကို ပြချင်တဲ့အခါသုံးတယ်။

Text formatting tags

HTML Entities (အထူးအက္ခရာများ)

Section titled “HTML Entities (အထူးအက္ခရာများ)”

တချို့ Character တွေဟာ HTML မှာ Special Meaning (ကိုယ်ပိုင် အဓိပ္ပာယ်) ရှိပါတယ် (ဥပမာ <, > ဟာ Tag တွေ ဖြစ်ပါတယ်)။ ဒီ Character တွေကို Content အဖြစ် ပြချင်ရင်တော့ HTML Entity တွေကို သုံးပေးရပါတယ်။

ပြချင်တဲ့ symbolEntity codeဥပမာ
<&lt;1 &lt; 2 → 1 < 2
>&gt;2 &gt; 1 → 2 > 1
&&amp;HTML &amp; CSS → HTML & CSS
"&quot;attribute value အတွက်
©&copy;မူပိုင်ခွင့် သင်္ကေတ
®&reg;မှတ်ပုံတင် trademark
→&rarr;ညာဘက်မြားခြားသားသင်္ကေတ
non-breaking space&nbsp;အကွာအဝေးကို break မလုပ်ဘဲ ထိန်းဖို့

ဥပမာ -

<p>HTML &amp; CSS ဟာ web development ရဲ့ အခြေခံပါ။</p>
<p>&copy; 2024 Takkatho. All rights reserved.</p>
<p>5 &lt; 10 ဖြစ်လို့ HTML tag ဖြစ်မသွားပါ။</p>