กำหนดรูปแบบข้อความ (Formatting)

HTML Formatting

ตัวอย่าง

---

HTML Formatting Element

บนก่อนหน้านี้ เราได้เรียนรู้เกี่ยวกับ Attibute style เพื่อระบุค่า CSS ในการตกแต่ง Element

ภาษา HTML ก็สามารถตกแต่งข้อความใน Element ได้ เพื่อบอกถึงความหมายที่พิเศษต่างๆ

เช่น เราใช้ <b> เพื่อให้รูปแบบตัวอักษรเป็นตัวหนา หรือ <i> เป็นตัวเอียง

Element ที่ใช้ในการจัดรูปแบบข้อความ มีดังนี้

• <b> ตัวหนา
• <strong> ข้อความสำคัญ
• <i> ตัวเอียง
• <em> ข้อความเน้น
• <mark> ทำไฮไลท์ข้อความให้น่าจดจำ
• <small> ตัวพิมพ์เล็ก
• <del> ขีดฆ่า
• <ins> ข้อความแทรก
• <sub> ตัวห้อย
• <sup> ตัวยก

---

HTML Element: <b> และ <strong>

<b> กำหนดข้อความเป็นตัวหนา โดยไม่ได้กำหนดความสำคัญ

ตัวอย่าง

<b>This text is bold.</b>
 

<strong> กำหนดข้อความเป็นตัวหนา โดยกำหนดว่าข้อความนี้มีความสำคัญ

ตัวอย่าง

<strong>This text is strong.</strong>
 
 

HTML Element: <i> และ <em>

<i> กำหนดข้อความเป็นตัวเอียง โดยไม่ได้กำหนดความสำคัญ

ตัวอย่าง

<i>This text is italic.</i>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

<em> เป็นการการเน้นย้ำข้อความด้วยตัวเอียง และมีนัยยะความสำคัญ

ตัวอย่าง

<em>This text is emphasized.</em>
 

---

HTML Element: <small>

<small> ระบุให้ข้อความมีขนาดเล็กลง

ตัวอย่าง

<small>This text is small.</small>
 

---

HTML Element: <mark>

<mark> ทำไฮไลท์ข้อความให้น่าจดจำ

ตัวอย่าง

<mark>This text is marked.</mark>
 

---

HTML Element: <del>

<del> เป็นการขีดฆ่าข้อความทิ้ง

ตัวอย่าง

<del>This text is deleted.</del>
 

---

HTML Element: <ins>

<ins> เป็นการระบุข้อความเพิ่มเติม

ตัวอย่าง

<ins>This text is inserted.</ins>
 

 

---

HTML Element: <sub>

<sub> เป็นการทำให้ข้อความเป็น_{ตัวห้อย}

ตัวอย่าง

This text is <sub>subscripted.</sub>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

---

HTML Element: <sup>

<sup> เป็นการทำให้ข้อความเป็น^{ตัวยก}

ตัวอย่าง

This text is <sup>subscripted.</sup>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

---