บทที่ 5 HTML Heading
   Heading (คือการเน้นคำต่าง ๆ เช่นการเน้นหัวเรื่องเพื่อให้เป็นจุดสนใจของผู้ชมเว็บเพจ) ก็เป็นอีกส่วนที่มีความสำคัญกับเอกสาร HTML โดยเราสามารถใช้ Tag แเพื่อทำ heading ได้

1. HTML Heading หรือ ส่วนหัวเรื่อง ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

ผลลัพธ์ที่ได้คือ

ความสำคัญของ Heading
   เราควรจะใช้ HTML heading เพื่อกำหนดหัวเรื่องเพียงอย่างเดียว อย่าใช้ในการสร้างข้อความหรือเนื้อหาให้เป็นตัวใหญ่หรือตัวหนา เพราะว่า Search engines จะใช้ heading ของเราในการทำดัชนีเนื้อหา ของเว็บเพจของเรา

2. HTML Lines แท็ก <hr /> จะใช้ในการสร้างเส้นแนวนอน horizontal line ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>
<hr><p>This is a paragraph</p>
</body>
</html>

ผลลัพธ์ที่ได้คือ

3.HTML Comments หรือ ส่วน คอมเมนต์ ตัวอย่างเช่น

<!DOCTYPE html>
<html>
<body>

<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>

</body>
</html>

ผลลัพธ์ที่ได้คือ


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีสมัคร Binance ง่าย ๆ ใน 3 นาที ผจญภัยในโลกของ crypto
โดย p444722 อ 02 ม.ค. 2024 11:52 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
283
อ 02 ม.ค. 2024 11:52 pm โดย p444722 View Topic วิธีสมัคร Binance ง่าย ๆ ใน 3 นาที ผจญภัยในโลกของ crypto
วิธีเปิดบัญชี Binance ขั้นตอนในการลงทุนดิจิทัล
โดย p444722 อ 02 ม.ค. 2024 11:32 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
281
อ 02 ม.ค. 2024 11:32 pm โดย p444722 View Topic วิธีเปิดบัญชี Binance ขั้นตอนในการลงทุนดิจิทัล
วิธีอ่านค่าตัวต้านทาน แบบเส้น 4 และ 5 แถบสี วิธีการอ่านค่าตัวต้านทาน Resistor (R)
โดย mindphp จ 01 ม.ค. 2024 2:30 pm บอร์ด IOT - Internet of things
2
1801
จ 01 ม.ค. 2024 2:45 pm โดย mindphp View Topic วิธีอ่านค่าตัวต้านทาน แบบเส้น 4 และ 5 แถบสี วิธีการอ่านค่าตัวต้านทาน Resistor (R)
ความแตกต่างของเครื่อง Server R210 กับ R210 II
โดย mindphp จ 01 ม.ค. 2024 11:37 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
309
จ 01 ม.ค. 2024 12:04 pm โดย mindphp View Topic ความแตกต่างของเครื่อง Server R210 กับ R210 II
มาทำความรู้จักกับบัตรผ่อนสินค้ากัน
โดย asider8629 อ 31 ธ.ค. 2023 8:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
291
จ 01 ม.ค. 2024 9:58 am โดย Consolez View Topic มาทำความรู้จักกับบัตรผ่อนสินค้ากัน
ESP32 WiFi Node32s ESP-32 ESP-32S NodeMCU ESP-WROOM-32 WiFi Bluetooth
โดย mindphp อ 31 ธ.ค. 2023 8:28 pm บอร์ด IOT - Internet of things
0
773
อ 31 ธ.ค. 2023 8:28 pm โดย mindphp View Topic ESP32 WiFi Node32s ESP-32 ESP-32S NodeMCU ESP-WROOM-32 WiFi Bluetooth
Mg90s Servo เฟืองเหล็ก motor Version อัพเกรดเฟือง ตัวนี้หมุนครึ่งรอบ 180 องศา
โดย mindphp อ 31 ธ.ค. 2023 8:27 pm บอร์ด IOT - Internet of things
0
1343
อ 31 ธ.ค. 2023 8:27 pm โดย mindphp View Topic Mg90s Servo เฟืองเหล็ก motor Version อัพเกรดเฟือง ตัวนี้หมุนครึ่งรอบ 180 องศา
ชุดข้อต่อ Servo Bracket เป็นโลหะวัสดุทนมาก ไว้ใช้คู่กับ Servo สำหรับทำแขนหมุน
โดย mindphp อ 31 ธ.ค. 2023 8:26 pm บอร์ด IOT - Internet of things
0
1326
อ 31 ธ.ค. 2023 8:26 pm โดย mindphp View Topic ชุดข้อต่อ Servo Bracket เป็นโลหะวัสดุทนมาก  ไว้ใช้คู่กับ Servo สำหรับทำแขนหมุน