Th b c trong XHTML là m t khái ni m r t quan tr ng mà b n c n n m rõ đ s d ng CSS sau này. Th b c c a XHTML gi ng nh ph h c a m t gia ình v y. trên cùng là c t , xu ng d i là đ c , ông, cha, chú, anh ch em …
hình ví d trên b n s th y rõ ràng m i liên h n gi a các th v i nhau và chúng ta có th hi u b ng nh ng cách sau (suy di n theo ki u ph h ):
• Th <body> óng vai trò là th g c và ch a các th con n m trong nó.đ
• Các th p, h1 và img là con c a body
• Hay nói cách khác body chính là cha c a p,h1 và img.
• ul là cha c a li hay nói cách khác li là con c a ul
• <body> là “ông n i” c a <ul> và là ông c c a <li> n ây b n có th h i “
Đ đ t i sao tôi c n ph i bi t ph h này?”, t i
vì sau này khi s d ng CSS đ thi t k giao di n. ôi khi b n c n Đ h n g t i m t i t n g c th nào ó trong o n code XHTML, đ đ đ
n u b n không n m rõ m i liên quan gi a các th v i nhau. Có th b n s b nh m l n và h n g t i sai i t n g .đ
Ví d sau này trong o n code c a b n có nhi u th <h1> nh ng đ b n ch mu n th <h1> n m trong ph n “content” là có màu . đ Lúc ó b n có th h n g t i nó nh c p b c c a XHTML. N u đ cho o n code sauđ
1 #content h1 {color:red;}
Nh th ch có th <h1> thu c th <div id=”content”> s b n h h n g , còn các th khác trong trang web s không b n h h n g vì nó không ph i là m t thành ph n c a <div id=”content”>
Có nhi u ng i ch a hi u rõ c p b c c a XHTML nên h g p nhi u khó kh n trong vi c h n g i t n g khi vi t code. Vì th ă đ h ã tu ti n dùng ID và Class ch đ đ h n g t i m t i t n g cđ th , mà n u n m rõ khái ni m c p b c này, b n ch c n vi t m t
o n code nh thay vì có hàng tá ID và Class không c n thi t. đ