หัวข้อ HTML

ในเอกสาร HTML หัวข้อสำคัญ

หัวข้อ HTML

หัวข้อ (Heading) จะถูกกำหนดด้วยแทร็ก <h1> - <h6> และอย่างนั้นเช่นนั้น

<h1> กำหนดหัวข้อที่ใหญ่ที่สุด。<h6> กำหนดหัวข้อที่เล็กที่สุด。

ตัวอย่าง

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

ลองด้วยตัวเอง

หมายเหตุ:เบราเซอร์จะเพิ่มช่องว่างเพิ่มเติมก่อนและหลังหัวข้ออัตโนมัติ

หมายเหตุ:โดยมาตรฐาน HTML จะเพิ่มช่องว่างเพิ่มเติมก่อนและหลังประกายเอลิเมนต์บล็อค เช่น ตัวอักษรตัวแรกและหัวข้อ

หัวข้อสำคัญ

โปรดแน่ใจว่าใช้แทร็ก heading ของ HTML แค่สำหรับหัวข้อ ไม่ควรใช้หัวข้อเพื่อสร้างข้อความหนาหรือข้อความใหญ่ๆเท่านั้น

เครื่องค้นหาใช้หัวข้อเพื่อตั้งรายการโครงสร้างและเนื้อหาของหน้าเว็บของคุณ

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

ควรใช้ h1 สำหรับหัวข้อหลัก (สำคัญที่สุด) ตามด้วย h2 (ที่สำคัญที่สุด) แล้วเป็น h3 ตามไปด้วย และอย่างนั้นเช่นนั้น

เส้นน้ำทะเลตัวรุ่น HTML

<hr /> แทร็กที่สร้างเส้นน้ำทะเลในหน้าเว็บ HTML。

hr อิเลิมสามารถใช้สำหรับแบ่งเนื้อหา。

ตัวอย่าง

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

ลองด้วยตัวเอง

คำแนะนำ:หนึ่งในวิธีที่สามารถแบ่งเนื้อหาในบทความเป็นเซ็กชันคือใช้เส้นระดับน้ำตก (แท็ก <hr>) แต่ไม่ใช่วิธีเดียวเท่านั้น

หมายเหตุ HTML

คุณสามารถใส่หมายเหตุในรหัส HTML ของคุณเพื่อเพิ่มความเข้าใจและทำให้รหัสง่าตามตามง่ายตามตัวเอง บราวเซอร์จะละเลยหมายเหตุและจะไม่แสดงมัน

หมายเหตุเขียนด้วยรูปแบบนี้:

ตัวอย่าง

<!-- This is a comment -->

ลองด้วยตัวเอง

หมายเหตุ:ตัวเปิดคู่หลัง (ทางด้านซ้าย) ต้องตามด้วยสัญญาณเตือนหลังจากนั้น และไม่จำเป็นต้องมีสัญญาณเตือนก่อนตัวปิดคู่หลัง (ทางขวา)

คำแนะนำ:การใช้หมายเหตุอย่างเหมาะสมสามารถช่วยในงานแก้ไขรหัสในอนาคต

คำแนะนำ HTML - วิธีการดูรหัสต้นแบบ

คุณก็เคยประหลาดใจเมื่อเห็นหน้าเว็บบนหน้าเว็บบ้านและคิดว่า "WOW! มันทำได้แบบไหน?"

หากคุณอยากหาความลับของมัน คุณเพียงจะคลิกขวาแล้วเลือก "ดูแบบรหัส HTML" (IE) หรือ "ดูรหัสต้นแบบหน้า" (Firefox) และวิธีการที่เหมือนกันกับเบราซเซอร์อื่นๆ จะเปิดหน้าต่างที่มีรหัส HTML ของหน้า

ตัวอย่างจากหน้านี้

หัวข้อ
วิธีการแสดงหัวข้อในเอกสาร HTML
หมายเหตุที่ซ่อน
วิธีการใส่หมายเหตุในรหัสต้นแบบ HTML
เส้นระดับน้ำตก
วิธีการใส่เส้นระดับน้ำตก

สารานุกรมแท็ก HTML

สารานุกรมแท็ก CodeW3C.com มีข้อมูลเพิ่มเติมเกี่ยวกับหัวข้อนี้และรูปแบบของมัน

คุณจะได้เรียนรู้เกี่ยวกับแท็กและรูปแบบของ HTML มากยิ่งขึ้นในบทที่ต่อไปของคู่มือนี้

แท็ก รายละเอียด
<html> การระบุเอกสาร HTML
<body> การระบุเนื้อหาหลักของเอกสาร
<h1> ถึง <h6> การระบุหัวข้อ HTML
<hr> การระบุเส้นระดับน้ำตก
<!--...--> การระบุหมายเหตุ