บทนำ (Introduction)

HTML คืออะไร ?

HTML คือ ภาษาโปรแกรมหลักที่ใช้ในการแสดงผลบนหน้าเว็บไซต์ โดยใช้ Tag เป็นตัวกำหนดการแสดงผล
ย่อมาจากคำว่า Hypertext Markup Language
HTML Tag มีไว้แบ่งองค์ประกอบต่างๆ บนหน้าเว็บไซต์ เช่น Header Sidebar Footer Body ฯลฯ
HTML Tag มีไว้แบ่งองค์ประกอบของเนื้อหา เช่น หัวข้อ ย่อหน้า ตาราง ตัวหนา เป็นต้น
Browser จะไม่แสดง HTML Tags แต่ใช้มันเพื่อประมวลหน้าตาการแสดงผล
มักจะใช้ร่วมกับภาษา CSS และ JavaScript


1
<!DOCTYPE html>
<html>
<body>
<h1>This is header</h1>
<p>This is paragraph</p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

HTML Tag คือ โค้ดที่ประกอบด้วยชื่อ Tag และวงเล็บสามเหลี่ยม

คือ โปรแกรมเปิดเว็บไซต์ ได้แก่ Chrome, Internet Explorer, Mozilla Firefox, Safari เป็นต้น
งานหลักของเว็บเบราว์เซอร์ คือ อ่านโค้ด HTML และแสดงผลออกมา
เบราว์เซอร์จะไม่แสดง HTML Tag แต่ใช้มันเพื่อประมวลผลว่าควรจะแสดงเนื้อหาออกมาหน้าตาอย่างไร

ตัวอย่างภาพโครงสร้างหน้าเว็บ HTML

<html>

<head>

</head>

<body>

<h1>นี่คือหัวข้อ</h1>

</body>

</html>

เฉพาะพื้นที่สีขาว ภายใน <body> เท่านั้น ที่แสดงผลบนเบราว์เซอร์

<!DOCTYPE> คือการระบุประเภทเอกสาร และช่วยให้เบราว์เซอร์แสดงผลหน้าเว็บได้อย่างถูกต้อง
จะอยู่บรรทัดบนสุดของไฟล์ (ก่อนทุกๆ HTML Tag ทั้งหมด)

การระบุเอกสารว่าเป็น HTML คือ


1
<!DOCTYPE html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX