โครงสร้างหลักของหน้า HTML

หน้าเว็บไซต์คือไฟล์ข้อความธรรมดา ที่มีนามสกุล .html ภายในไฟล์นี้ เก็บข้อความของหน้า HTML พร้อมกับ แท็กต่างๆ ไฟล์นี้ต้องมี แท็กต่อไปนี้อย่างแน่นอน: แท็ก html ซึ่ง ต้องมีข้อความของทั้งเว็บไซต์อยู่ภายใน (ทุกสิ่งที่เขียนนอกแท็กนี้จะถูก เบราว์เซอร์เพิกเฉย) และภายในแท็กนี้ต้อง มีอีกสองแท็ก: แท็ก head สำหรับ เนื้อหาบริการของหน้าเว็บ และแท็ก body - สำหรับข้อความหลัก ซึ่งจะปรากฏบน หน้าจอเบราว์เซอร์

เนื้อหาบริการซึ่งอยู่ ภายในแท็ก head นั้นประกอบด้วย สิ่งต่างๆ มากมาย แต่ตอนนี้เราต้องการเพียง สองสิ่งเท่านั้น นั่นคือ แท็ก title ซึ่งกำหนด ชื่อหน้าซึ่งจะแสดงใน แท็บเบราว์เซอร์ และแท็ก meta ซึ่งกำหนดการเข้ารหัสของหน้า (กำหนดไว้ ในแอตทริบิวต์ charset และโดยทั่วไปจะมี ค่าเป็น utf-8)

นอกจากนี้ ก่อนแท็ก html มักจะ เขียนคำสั่ง doctype ซึ่ง ระบุเวอร์ชันของภาษา HTML ที่ใช้สร้าง เว็บไซต์ เวอร์ชันล่าสุดในปัจจุบันคือ หมายเลขห้า และ doctype สำหรับเวอร์ชันนี้ควรมีลักษณะ ดังนี้:

<!DOCTYPE html>

เอาล่ะ มาดูโครงสร้างหลักของ หน้าเว็บกัน:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
	</head>
	<body>
		This is the main content of the page.
	</body>
</html>

สร้างไฟล์ที่มีนามสกุล .html คัดลอกโครงสร้างหลักของหน้าเว็บลงไป บันทึกไฟล์ของคุณ จากนั้นเปิดไฟล์ใน เบราว์เซอร์โดยลากไฟล์ด้วยเมาส์หรือคลิก สองครั้งที่ไฟล์