Tema5: Estructura árbol

Estructura en árbol por niveles

  1. <!doctype html>
    1. <html>
      1. <head>
        1. <meta charset="utf-8">
        2. <title>Ejercicio opcional árbol</title>
      2. <body>
        1. <header>
          1. <img src="firefox-os.png" alt="FirefoxOS Logo" width="200" height="164">
        2. <nav>
          1. <ul>
            1. <li>Menú 1</li>
            2. <li>Menú 2</li>
            3. <li>Menú 3</li>
        3. <article>
          1. 1<h1>Titular de nivel 1</h1>
          2. 1<p>Contenido de la página</p>
        4. <footer>Pie de página</footer>

Código original

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>
Ejercicio opcional árbol</title>
</head>
<body>
<header>
<img src="firefox-os.png" alt="FirefoxOS Logo" width="200" height="164">
</header>
<nav>
<ul>
<li>
Menú 1</li>
<li>
Menú 2</li>
<li>
Menú 3</li>
</ul>
</nav>
<article>
<h1>
Titular de nivel 1</h1>
<p>
Contenido de la página</p>
</article>
<footer>
Pie de página</footer>
</body>
</html>