หากคุณแนะนำกฎการทำรังของฉลากหน้าเว็บ HTML พื้นฐานสิ่งแรกที่คุณต้องพูดถึงคือการจำแนกองค์ประกอบ องค์ประกอบสามารถแบ่งออกเป็นองค์ประกอบระดับบล็อกและองค์ประกอบระดับแถว องค์ประกอบระดับบล็อกคืออะไร? มันสามารถครอบครองบรรทัดเดียวและตั้งค่าความสูงความกว้างซึ่งเป็น 100% โดยค่าเริ่มต้น องค์ประกอบระดับเส้นตรงข้ามกับมัน เนื้อหากำหนดความสูงของความกว้าง สำหรับตัวละครพิเศษถือเป็นข้อความ
<! doctype html> <html lang = en> <head> <meta charset = utf-8> <meta name = viewport content = width = ความกว้างของอุปกรณ์, ระดับเริ่มต้น = 1.0> <title> html บล็อกระดับ, องค์ประกอบระดับบรรทัด, ตัวอักษรพิเศษ องค์ประกอบบล็อกแบ่งออกเป็นคลาสข้อความและองค์ประกอบคลาสคอนเทนเนอร์บล็อกองค์ประกอบ: P, H1-H6 คอนเทนเนอร์คลาสองค์ประกอบบล็อก: Div, ตาราง, TR, TD, เฟรม, ul> li, ol, dl, dt, dd (ลำดับ) <!-องค์ประกอบบรรทัด: ไม่รวมบรรทัดหนึ่งความกว้างและความสูงกฎการทำรังสรุปดังนี้:
1. องค์ประกอบบล็อกสามารถซ้อนกับองค์ประกอบบรรทัด
2. องค์ประกอบแถวสามารถซ้อนกันได้
3. องค์ประกอบบรรทัดไม่สามารถซ้อนกับองค์ประกอบบล็อก
4. องค์ประกอบบล็อกข้อความไม่สามารถซ้อนกันได้
5. องค์ประกอบบล็อกคอนเทนเนอร์สามารถซ้อนกันได้
แนวคิดพื้นฐานต่อไปนี้ของหน้าเว็บ HTML, โครงสร้างพื้นฐานของหน้าเว็บ HTML, การแนะนำของ HTML พื้นฐานแท็กภาพข้อความข้อความไฮเปอร์ลิงก์, หลักการแบบโต้ตอบของการใช้งานแท็กพื้นฐาน HTML, กล่องตรวจสอบเดี่ยว, กล่องกาเครื่องหมาย การเรียนรู้ HTML ส่วนใหญ่เกี่ยวข้องกับการทำความเข้าใจกฎการทำรังความหมายเพื่อสร้างหน้า สำหรับ CSS และตรรกะแบบโต้ตอบของหน้า JS จะเป็นเนื้อหาที่จะปฏิบัติด้านล่าง!