Para ello introduciremos dentro de esta etiqueta una lista, que en html se forma con "ul" (unorder list) y dentro de esta los items que queramos con la etiqueta "li" (item list).
Para que estas listas sean enlaces a otro sitio ya sea externo o interno de nuestra web, le pondremos la etiqueta "a" con su atributo "href".
Hay que tener claro el cierre de cada etiqueta </>.
Tomamos el codigo del apartado anterior y añadimos "nav" con lo que el codigo quedaria de la siguiente forma:
<!DOCTYPE html><html>Introducir este codigo en notepad ++ y grabarlo por ejemplo como ejemplonav.html, abrirlo despues con el navegador web para ver el resultado.
<head>
<title>Mi primera Web</title>
</head>
<body>
<header>
<h1>Cabecera de Mi Web</h1>
<figure><img src="milogo.jpeg"/></figure>
</header>
<nav>
<ul>
<li><a href="index.html">Inicio</a></li><li><a href="acercade.html">Acerca de</a></li>
</ul>
</nav>
</body>
</html>
Aun no tiene diseño, porque estamos estableciendo la base o la estructura, en cuanto terminemos con este inicio procedere a empezar con CSS para dar formato a la web, colores, estilo, posicion, etc.
No hay comentarios:
Publicar un comentario