แท็ก HTML (องค์ประกอบ) สามารถแบ่งออกเป็นสองประเภท ได้แก่ องค์ประกอบระดับบล็อกและองค์ประกอบแบบอินไลน์ (เรียกอีกอย่างว่าองค์ประกอบแบบอินไลน์)
1. องค์ประกอบอินไลน์ (อินไลน์)
1. แนวคิดขององค์ประกอบอินไลน์
องค์ประกอบอินไลน์ (แนวคิดในข้อกำหนด HTML) อังกฤษ: องค์ประกอบอินไลน์ซึ่งมีชื่อภาษาจีนหลายชื่อ เช่น องค์ประกอบอินไลน์ องค์ประกอบอินไลน์ องค์ประกอบอินไลน์ องค์ประกอบอินไลน์ ฯลฯ โดยพื้นฐานแล้วไม่มีการแปลแบบครบวงจร นอกจากนี้ เมื่อพูดถึงองค์ประกอบแบบอินไลน์ แอตทริบิวต์ที่มักเกี่ยวข้องคือ display:inline คุณลักษณะนี้สามารถแก้ไขปัญหาขอบลอยคู่ของ IE ที่มีชื่อเสียงได้
2. ลักษณะขององค์ประกอบอินไลน์
1 ในบรรทัดเดียวกับองค์ประกอบอินไลน์ที่อยู่ติดกัน
2. ความกว้าง (ความกว้าง) ความสูง (ความสูง) บน/ล่างของขอบด้านใน (จากขอบบน/ล่าง) และด้านบน/ล่างของขอบด้านนอก (ขอบบน/ขอบล่าง) ไม่สามารถเปลี่ยนแปลงได้
3.ความกว้างคือความกว้างของข้อความหรือรูปภาพ และไม่สามารถเปลี่ยนแปลงได้
④องค์ประกอบแบบอินไลน์สามารถรองรับเฉพาะข้อความหรือองค์ประกอบแบบอินไลน์อื่นๆ เท่านั้น
เมื่อใช้องค์ประกอบแบบอินไลน์ คุณต้องใส่ใจกับประเด็นต่อไปนี้:
• การตั้งค่าความกว้างความกว้างไม่ถูกต้อง;
• การตั้งค่าความสูง ความสูงไม่ถูกต้อง แต่ความสูงของเส้นสามารถตั้งค่าผ่าน line-height;
• สามารถตั้งค่าระยะขอบได้ แต่จะมีผลเฉพาะกับระยะขอบซ้ายและขวาเท่านั้น ไม่ใช่ด้านบนและด้านล่าง;
• เมื่อตั้งค่าระยะขอบด้านในของช่องว่างภายใน เฉพาะช่องว่างภายในด้านซ้ายและขวาเท่านั้นที่ถูกต้อง ในขณะที่ช่องว่างภายในด้านบนและด้านล่างไม่ถูกต้อง ควรสังเกตว่าช่วงขององค์ประกอบจะเพิ่มขึ้น แต่ไม่มีผลกระทบต่อเนื้อหารอบๆ องค์ประกอบ ;
• คุณสามารถสลับองค์ประกอบระหว่างองค์ประกอบอินไลน์และองค์ประกอบระดับบล็อกผ่านแอตทริบิวต์ display
3. องค์ประกอบอินไลน์ทั่วไปในแท็ก HTML
2. องค์ประกอบระดับบล็อก (บล็อก)
1. แนวคิดขององค์ประกอบระดับบล็อก
องค์ประกอบบล็อก (องค์ประกอบบล็อก) และองค์ประกอบอินไลน์ที่สอดคล้องกัน (องค์ประกอบอินไลน์) เป็นแนวคิดในข้อกำหนด HTML ความแตกต่างพื้นฐานระหว่างองค์ประกอบบล็อกและองค์ประกอบแบบอินไลน์คือ องค์ประกอบบล็อกโดยทั่วไปจะเริ่มต้นในบรรทัดใหม่ และองค์ประกอบระดับบล็อกที่อยู่ติดกันจะแสดงในบรรทัดที่แตกต่างกัน
2. ลักษณะขององค์ประกอบระดับบล็อก
1. ใช้บรรทัดเดียวเสมอ ซึ่งหมายถึงการเริ่มในอีกบรรทัดหนึ่ง และองค์ประกอบที่ตามมาจะต้องแสดงบนอีกบรรทัดหนึ่งด้วย
สามารถควบคุมความกว้าง ความสูง ช่องว่างภายใน และระยะขอบได้ทั้งหมด
3. หากละเว้นความกว้างขององค์ประกอบระดับบล็อก ความกว้างขององค์ประกอบจะมีค่าเริ่มต้นเป็นความกว้างของหน้าต่างเบราว์เซอร์ปัจจุบัน
④องค์ประกอบระดับบล็อกสามารถมีองค์ประกอบแบบอินไลน์และองค์ประกอบระดับบล็อกอื่นๆ ได้
3. องค์ประกอบระดับบล็อกทั่วไปในแท็ก HTML