หัวข้อ (Headings) หน้าก่อน หน้าถัดไป HTML Headings การสร้างหัวข้อด้วยโค้ด HTML ทำโดยระบุ HTML Tag <h1> ถึง <h6> <h1> ใช้แทนหัวข้อที่สำคัญมากที่สุด <h6> ใช้แทนหัวข้อที่สำคัญน้อยที่สุด ตัวอย่าง ลองเขียนโค้ด ปกติเบราว์เซอร์จะเว้นช่องว่าง (margin) ก่อนและหลังหัวข้อให้อัตโนมัติ หัวข้อมีความสำคัญอย่างไร ? Search engines จะใช้หัวข้อในการทำ index ของโครงสร้างเว็บไซต์ของคุณ ผู้เข้าชมเว็บ จะเลื่อนดูผ่านๆ โดยที่จะอ่านเฉพาะหัวข้อก่อน ฉะนั้นการตั้งหัวข้อเป็นสิ่งสำคัญในการแสดงโครงสร้างของเว็บไซต์ หัวข้อ <h1> ใช้สำหรับหัวข้อหลัก และตามด้วยหัวข้อ <h2> จากนั้นหัวข้อที่สำคัญน้อยกว่าก็เป็น <h3> ไปเรื่อยๆ จนถึง <h6> ใช้ <h1> ในการระบุข้อความส่วนหัวข้อเท่านั้น เราจะไม่ใช้มันเพื่อเพียงแค่ทำให้ข้อความตัวใหญ่และตัวหนา HTML Horizontal Rules (เส้นแนวนอน) Tag <hr> คือโค้ดกำหนดเส้นแบ่งหัวข้อบนหน้าเว็บเพ ซึ่งจะแสดงผลเป็นเส้นแนวนอนยาวคั่นกลาง ใช้สำหรับแบ่งเนื้อหาออกเป็นส่วนๆ ตัวอย่าง ลองเขียนโค้ด HTML <head> Element <head> ไม่เกี่ยวกับหัวข้อที่แสดงผลบนหน้าเบราว์เซอร์ Element <head> คือส่วนที่เก็บข้อมูล metadata ที่เกี่ยวกับเอกสาร HTML ทั้งหมดซึ่งจะไม่แสดงผลบนเบราว์เซอร์ <head> จะอยู่ระหว่าง Tag <html> และ <body> ตัวอย่าง ลองเขียนโค้ด ปกติ metadata จะระบุ title, character set, styles, link, scrpt และอื่นๆ ดูโค้ด HTML ของเว็บอื่นๆ คุณเคยเข้าไปดูเว็บของคนอื่น แล้วคิดว่า "เฮ้ ทำแบบนี้ยังไงหน่ะ" คุณสามารถดูโค้ด HTML ของเว็บไซต์ต่างๆ ได้ ถ้าคุณใช้เบราว์เซอร์ Chrome ให้คลิกขวา แล้วเลือก Inspect เบราว์เซอร์จะขึ้นหน้าต่างใหม่ ที่ประกอบด้วยโค้ด HTML ของหน้านั้น HTML Tag Tagอธิบาย <html>เป็น Tag พื้นฐานของเอกสาร HTML <body>กำหนดเนื้อหาที่ต้องการแสดงผล <head>บรรจุ element ส่วน head ทั้งหมด (title, script, style, meta) <h1> ถึง <h6>ระบุหัวข้อ <hr>เส้นแบ่งเนื้อหา หน้าก่อน หน้าถัดไป