HTML คืออะไร?
HTML เป็นภาษามาร์กอัปสำหรับการอธิบายเอกสารเว็บ (web pages)
- HTML ย่อมาจาก Hyper Text Markup Language
- ภาษามาร์กอัปคือชุดของ markup tags
- เอกสาร HTML จะอธิบายโดย HTML tags
- แท็กแต่ละ describes เนื้อหาของเอกสารที่แตกต่างกัน
HTML ตัวอย่าง
เอกสาร HTML เล็กน้อย:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html> ลองตัวเอง» ตัวอย่างอธิบาย
- DOCTYPE ประกาศกำหนดประเภทเอกสารที่จะเป็น HTML
- ข้อความระหว่าง <html> และ </html> อธิบายเอกสาร HTML
- ข้อความระหว่าง <head> และ </head> ให้ข้อมูลเกี่ยวกับเอกสาร
- ข้อความระหว่าง <title> และ </title> ระบุชื่อเอกสาร
- ข้อความระหว่าง <body> และ </body> อธิบายเนื้อหาของหน้าเว็บที่มองเห็นได้
- ข้อความระหว่าง <h1> และ </h1> อธิบายหัวข้อ
- ข้อความระหว่าง <p> และ </p> อธิบายวรรค
การใช้คำอธิบายนี้เว็บเบราว์เซอร์สามารถแสดงเอกสารที่มีส่วนหัวและย่อหน้า
แท็ก HTML
แท็กคือคำหลัก (tag names) ล้อมรอบด้วย angle brackets :
- แท็ก HTML ปกติมา in pairs เช่น <p> และ </p>
- แท็กแรกในคู่เป็น start tag, แท็กที่สองคือ end tag
- แท็กสิ้นสุดที่เขียนเช่นแท็กเริ่มต้น แต่มีเฉือนก่อนชื่อแท็ก
แท็กเริ่มต้นมักจะเรียกว่า opening tag แท็กสิ้นสุดมักจะถูกเรียกว่า closing tag
เว็บเบราเซอร์
จุดประสงค์ของเว็บเบราว์เซอร์ (Chrome, IE, Firefox, Safari) คือการอ่านเอกสาร HTML และแสดงให้พวกเขา
เบราว์เซอร์จะไม่แสดงแท็ก HTML แต่ใช้พวกเขาในการกำหนดวิธีการแสดงเอกสาร:
โครงสร้างเพจ HTML
ด้านล่างนี้เป็นภาพของโครงสร้างหน้าเว็บ HTML:
เฉพาะ <body> พื้นที่ (the white area) จะแสดงโดยเบราว์เซอร์
<!DOCTYPE> ประกาศ
<!DOCTYPE> ประกาศจะช่วยให้เบราว์เซอร์ในการแสดงหน้าเว็บได้อย่างถูกต้อง
มีหลายประเภทเอกสารที่แตกต่างกันในเว็บนี้
ต้องการแสดงเอกสารอย่างถูกต้อง, เบราว์เซอร์จะต้องรู้ว่าทั้งสองชนิดและรุ่น
การประกาศประเภทเอกสารที่ไม่สำคัญ case ทุกกรณีที่เป็นที่ยอมรับ:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>ประกาศทั่วไป
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
บทเรียนและตัวอย่างที่ใช้ HTML5 w3ii
รุ่น HTML
ตั้งแต่วันแรกของเว็บมีหลายรุ่นของ HTML:
| รุ่น | ปี |
|---|---|
| HTML | 1991 |
| 2.0 HTML | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |