มาถึงตรงนี้ เชื่อว่าทุกคนคงจะสร้างไฟล์เอกสาร HTML เป็นแล้ว ทีนี้ก็มาถึงการเรียนรู้อิลิเมนต์ที่สำคัญของ HTML แน่นอนว่าจะขาดไม่ได้เลย ทุกครั้งที่มีการสร้างไฟล์ HTML จะต้องมีอิลิเมนต์เหล่านี้อยู่ด้วยเสมอ
อาจจะสงสัยว่า อิลิเมนต์ (Element) และ แท็ก (Tag) คืออะไร อธิบายได้ดังนี้
ใน 1 อิลิเมนต์จะประกอบไปด้วย แท็กเปิด เนื้อหาที่อยู่ในแท็ก และก็แท็กปิด นี่คือตัวอย่างของอิลิเมนต์ <p>ข้อความของฉัน</p>
- <p> คือ แท็กเปิด
- ข้อความของฉัน คือ เนื้อหาที่อยู่ในแท็ก
- </p> คือ แท็กปิด
ทุกครั้งที่มีการเปิดแท็ก จะต้องมีการปิดแท็กเสมอ โอเคนะ เกือบลืมบอกไป แท็ก <p></p> คือ paragraph มีไว้สำหรับใส่ข้อความนั่นเอง
ที่นี้เรามาดูแท็กสำคัญต่าง ๆ ที่อยู่ในเอกสาร HTML ของเรากัน
<!DOCTYPE html> บรรทัดนี้เป็นการประกาศให้รู้ว่านี่คือเอกสาร HTML นะ
<html> การเขียน html จะต้องมีแท็กนี้เริ่มต้นเสมอ
<body> เนื้อหาต่าง ๆ ที่เราจะแสดงบนเว็บไซต์จะอยู่ในแท็กนี้
<p>นี่คือข้อความของฉัน</p> ข้อความที่แสดงบนเว็บไซต์
</body> จะต้องมีการปิดแท็กเสมอ
</html> จะต้องมีการปิดแท็กเสมอนี่คือแท็กพื้นฐานที่เราควรรู้จักก่อนเริ่มต้นเขียน HTML ครั้งต่อไปเราจะค่อย ๆ เรียนรู้แท็กอื่น ๆ เพิ่มเติมว่า ในแต่ละแท็กมีความสามารถอะไรบ้าง และมีวิธีการใช้งานอย่างไร