<html>·<head> sería la cabeza de nuestro documento HTML donde podríamos incluir el título, adjuntar el css... etc.
<head> <meta charset="utf-8"> <title>Ejercicio opcional árbol</title> </head>·En <body> se encluiría todo nuestro documento HTML (lo que queremos mostrar en nuestra página)
<body>·En <header> introduciremos nuestro encabezado. Lo que queremos colocar en la cabeza de nuestro documento.
<header> <img src="logotipo.jpg" alt="Firefox Logo" width="100"height="100"> </header> <nav> <ul>·<li> lo utilizaremos cuando queramos colocar una serie de frases en modo tabla sin numerar.
<li>Menú 1</li> <li>Menú 2</li> <li>Menú 3</li> </ul> </nav>·En <article> escribiremos el artículo que mostraremos, (párrafos y párrafos).
<article> <h1>Titular de nivel 1</h1> <p>Contenido de la página</p> </article>·<footer> es el pie de página donde le daremos un final a nuestra página o colocaremos lo que consideremos pertinente.
<footer>Pie de página</footer> </body> </html>