<p>I cannot <i>emphasize</i> this point enough!</p>
<p>But in this paragraph, I’m calmer.</p>
</body>
</html>
So, you gaze at Figure 14-3, with its root (html) and branches going down to
the body and style and then branching further down to the paragraphs and the
paragraph’s children.
Wait a minute. Branches going down from the root?
The shaky tree ...................................................................................
Yep. The “tree” metaphor is a little shaky, to be honest. Perhaps it’s quite a
bit shaky, given that the tree is upside down if its root is located at the top of
the diagram. But don’t be picky. Just thank goodness that those in charge didn’t
decide to lay the whole diagram sideways or use an interplanetary metaphor
instead.
Back to our attempt to come to grips with this tree structure. Each element
on the Web page has its place in the hierarchy, its location within the relation-
ships of parents and children. Each element is either a parent of some other
element, or its child, or both. Also, some children are siblings (trees so often
have siblings). I get to siblings shortly. Anyway, the parent is the bigger
branch nearer the root, and the child is the little branch that shoots off from
the parent branch. A single parent branch can have several child branches
shooting off. And everybody belongs to the PTA in this little town... oops,
wrong metaphor.
<head> <body>
<style>
HTML
<p>
<i>
<p>
Figure 14-3:
Here’s
a com-
plete tree
diagram of
the Web
page code
shown
above.
256 Part IV: Advanced CSS Techniques
