เรียนรู้เกี่ยวกับการใช้แท็ก < div > และ < span >ใน HTML
แท็ก < div > และ < span > มักใช้เพื่อจัดกลุ่มและจัดรูปแบบเนื้อหาใน HTML
< div > ย่อมาจาก " division " และใช้เพื่อจัดกลุ่มเนื้อหาส่วนใหญ่เข้าด้วยกัน เราสามารถใช้แท็ก < div > เพื่อสร้างคอนเทนเนอร์ระดับบล็อกที่เราสามารถใช้สไตล์หรือฟังก์ชัน JavaScript
ตัวอย่างภาพปกด้านบน เรากำลังใช้แท็ก < div > เพื่อจัดกลุ่มเนื้อหาหลายประเภทเข้าด้วยกันในคอนเทนเนอร์ เรายังได้เพิ่มแอตทริบิวต์ class ให้กับแท็ก < div > ซึ่งสามารถใช้เพื่อใช้สไตล์กับองค์ประกอบทั้งหมดภายในคอนเทนเนอร์
< span > เป็นอีกหนึ่งแท็ก HTML ที่ใช้ในการจัดกลุ่มเนื้อหาย่อยๆ เข้าด้วยกัน ซึ่งแตกต่างจาก < div > คือ < span > เป็นองค์ประกอบแบบอินไลน์ ซึ่งหมายความว่าสามารถใช้เพื่อจัดกลุ่มเนื้อหาที่ปรากฏภายในบล็อกข้อความขนาดใหญ่
ภาพหน้าปกด้านบนตัวอย่างการใช้แท็ก < span > ใน HTML
ในตัวอย่างนี้ เราใช้แท็ก < span > เพื่อเน้นคำว่า "สีน้ำเงิน blue" ภายในบล็อกข้อความขนาดใหญ่ เรายังได้เพิ่มแอตทริบิวต์ class ให้กับแท็ก < span > ซึ่งสามารถใช้เพื่อใช้สไตล์เฉพาะกับข้อความที่เน้นสี
การใช้แท็ก < div > และ < span > ใน HTML ช่วยให้เราจัดระเบียบและจัดรูปแบบเนื้อหาได้อย่างมีประสิทธิภาพมากขึ้น ทำให้อ่านง่ายขึ้นและดึงดูดสายตามากขึ้น
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2024 Blockdit
