Document Tree Practice

1. Draw the document tree for this page.

<!doctype html>
<html>
<head>
<title>Practice 1</title>
</head>
<body>
<h1>Headline</h1>
<p>This is a paragraph.</p>
</body>
</html>

Solution

2. Draw the subtree for this element.

<table>
<tr><th>Number</th><th>Square</th><th>Cube</th></tr>
<tr><td>0</td><td>0</td><td>0</td></tr>
<tr><td>1</td><td>1</td><td>1</td></tr>
<tr><td>2</td><td>4</td><td>8</td></tr>
</table>

Solution

3. Draw the subtree for this element.

<div>
    <h2>How to Sow Division</h2>

    <ul>
        <li>Spread rumors.</li>
        <li>Play nasty pranks.</li>
        <li>Get people <span>paranoid</span>.</li>
    </ul>
</div>

Solution

4. Create an HTML file from this document tree diagram.

document tree diagram

Solution