การจัดรูปแบบข้อความ HTML หมายถึงองค์ประกอบ HTML ที่ออกแบบมาสpecially สำหรับจัดรูปแบบเนื้อหาในเอกสาร HTML
ไวยากรณ์
<tagname>เนื้อหา</tagname>
แท็กจัดรูปแบบข้อความใน HTML มีดังนี้:
| ลำดับ | แท็ก & คำอธิบาย |
|---|---|
| 1 | <b> ระบุข้อความตัวหนาในเอกสาร HTML |
| 2 | <em> ระบุข้อความเน้นในเอกสาร HTML |
| 3 | <i> ระบุข้อความตัวเอียงในเอกสาร HTML |
| 4 | <small> ระบุข้อความขนาดเล็กในเอกสาร HTML |
| 5 | <strong> ระบุข้อความสำคัญในเอกสาร HTML |
| 6 | <sub> ระบุข้อความห้อยหัว (subscript) ในเอกสาร HTML |
| 7 | <sup> ระบุข้อความยกกำลัง (superscript) ในเอกสาร HTML |
| 8 | <ins> ระบุข้อความที่แทรกเพิ่มในเอกสาร HTML |
| 9 | <del> ระบุข้อความที่ลบออกในเอกสาร HTML |
| 10 | <mark> ระบุข้อความที่ไฮไลท์ในเอกสาร HTML |
ตัวอย่าง
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
}
</style>
<body>
<h1>ตัวอย่าง HTML Text Formatting</h1>
<b>ฉันคือแท็ก Bold</b> <br>
<em>ฉันคือแท็ก Em</em> <br>
<i>ฉันคือแท็ก I</i> <br>
<small>ฉันคือแท็ก Small</small> <br>
<strong>ฉันคือแท็ก Strong</strong> <br>
<sub>ฉันคือแท็ก Sub</sub> <br>
<sup>ฉันคือแท็ก Sup</sup> <br>
<ins>ฉันคือแท็ก Ins</ins> <br>
<del>ฉันคือแท็ก Del</del> <br>
<mark>ฉันคือแท็ก Mark</mark> <br>
</body>
</html>
ผลลัพธ์
แสดงตัวอย่างข้อความที่จัดรูปแบบด้วยแท็กต่างๆ: ตัวหนา, เน้น, เอียง, เล็ก, สำคัญ, ห้อยหัว, ยกกำลัง, แทรก, ลบ, ไฮไลท์
