🏠 Home / Hub

🌐 HTML Lesson 02 — Text & Lists

← Back to HTML Menu

1. Headings — h1 to h6

<h1>Heading 1 — ကြီးဆုံး</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6 — သေးဆုံး</h6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Rule: Page တစ်ခုမှာ <h1> တစ်ခုပဲ ထည့်ပါ (SEO အတွက်)။ Structure အတွက် h2→h3→h4 ဆက်တိုက်ပဲ သုံးပါ

2. Paragraphs & Text Formatting

<p>Normal paragraph text</p>

<strong>Bold text</strong>
<em>Italic text</em>
<u>Underline</u>
<s>Strikethrough</s>
<mark>Highlighted</mark>
<small>Small text</small>
<sup>Superscript</sup>
<sub>Subscript</sub>
<code>monospace code</code>

<br>   ← line break
<hr>   ← horizontal rule

Normal paragraph text

Bold text

Italic text

Underline

Strikethrough

Highlighted

Small text

H2O → H2O

monospace code


↑ hr = horizontal line

3. Lists

Unordered List

<ul>
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ul>
  • Apple
  • Banana
  • Cherry

Ordered List

<ol>
  <li>Step 1</li>
  <li>Step 2</li>
  <li>Step 3</li>
</ol>
  1. Step 1
  2. Step 2
  3. Step 3

Nested List

<ul>
  <li>Fruit
    <ul>
      <li>Apple</li>
      <li>Mango</li>
    </ul>
  </li>
</ul>
  • Fruit
    • Apple
    • Mango

Definition List

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
</dl>
HTML
HyperText Markup Language
CSS
Cascading Style Sheets

4. Blockquote & Preformatted Text

<blockquote>
  "သင်ကြားနေတဲ့ ဒီနေ့ဟာ
   မနက်ဖြန် ၏ အခွင့်အလမ်းပဲ"
  <cite>— Benjamin Franklin</cite>
</blockquote>

<pre>
  ဒီ text ကို
    spaces တွေ
      ထိန်းပြတယ်
</pre>
"သင်ကြားနေတဲ့ ဒီနေ့ဟာ မနက်ဖြန် ၏ အခွင့်အလမ်းပဲ" — Benjamin Franklin
  ဒီ text ကို
    spaces တွေ
      ထိန်းပြတယ်

5. Text Tags Quick Reference

Tagပြဖော်မြင်ပုံသုံးရမည့်နေရာ
<h1>–<h6>Bold, large → smallHeadings, titles
<p>Paragraph (block)Body text
<strong>BoldImportant text
<em>ItalicEmphasis
<mark>HighlightSearch results
<code>monospaceCode snippets
<br>Line breakForce new line
<hr>Horizontal lineSection divider
<ul><li>• Bullet listUnordered items
<ol><li>1. 2. 3.Ordered steps

6. ကိုယ်တိုင် ရေးကြည့်ပါ

HTML ရိုက်ထည့်ပါ:

Output:

← HTML 01  |  Next: HTML Lesson 03 → Links & Images

📌 Study Checklist