หัวเรื่องและย่อหน้า HTML: คู่มือและตัวอย่าง

แท็กหัวเรื่องและย่อหน้าใน HTML ช่วยให้คุณสามารถจัดรูปแบบและจัดระเบียบเนื้อหาบนหน้าเว็บของคุณได้ นี่คือแท็กที่ใช้กันทั่วไปใน HTML สำหรับการจัดรูปแบบส่วนหัวและย่อหน้า:

แท็กหัวเรื่อง

ส่วนหัวมีหกระดับตั้งแต่ h1 ถึง h6 แท็ก h1 แสดงถึงระดับสูงสุดของหัวข้อ ในขณะที่แท็ก h6 แสดงถึงระดับต่ำสุด 

<h1>This is a Heading 1</h1>  
<h2>This is a Heading 2</h2>  
<h3>This is a Heading 3</h3>  

แท็กย่อหน้า

แท็ก p ใช้เพื่อสร้างย่อหน้าข้อความ 

<p>This is a paragraph.</p>

การจัดรูปแบบข้อความ

มีหลายแท็กที่ใช้สำหรับการจัดรูปแบบข้อความ ได้แก่:

- แท็กที่แข็งแกร่ง: เพื่อเน้นข้อความบางส่วน ตัวอย่าง: `<strong>ข้อความนี้สำคัญ</strong>`
- แท็ก em: เพื่อทำให้ข้อความบางส่วนเป็นตัวเอียง ตัวอย่าง: `<em>เน้นข้อความนี้</em>`
- แท็ก b: เพื่อทำให้ข้อความบางส่วนเป็นตัวหนา ตัวอย่าง: `<b>ข้อความนี้เป็นตัวหนา</b>`
- แท็ก i: เพื่อทำให้ข้อความบางส่วนเป็นตัวเอียง ตัวอย่าง: `<i>ข้อความนี้เป็นตัวเอียง</i>`

หัวเรื่องย่อย

คุณสามารถใช้แท็กต่างๆ เช่น hgroup, hgroup และ hgroup เพื่อสร้างหัวข้อย่อยสำหรับหน้าเว็บของคุณ

<hgroup>  
  <h1>Main Heading</h1>  
  <h2>Subheading 1</h2>  
  <h3>Subheading 2</h3>  
</hgroup>  

แท็กเหล่านี้ทำให้คุณสามารถจัดรูปแบบและจัดระเบียบเนื้อหาของหน้าเว็บได้อย่างแม่นยำและสอดคล้องกัน ใช้อย่างเหมาะสมเพื่อสร้างหน้าเว็บแบบมืออาชีพและมีส่วนร่วม