HTML and CSS Reference
In-Depth Information
To understand the nesting
relationships, draw a picture
Drawing the nesting of elements in a web
page is kind of like drawing a family tree. At
the top you've got the great-grandparents,
and then all their children and grandchildren
below. Here's an example…
Si
mple w
eb p
age
<html> has two nested
elements: <head> and
<body>. You can call them
both “children” of <html>.
<
body> is
nested w
ithin th
e <html
>
e
lement,
so we say
<body>
is the
“c
hild” of
<html>.
html
head
body
<title>
is nested within
the <h
ead> element.
title
p
q