Publicado el Deja un comentario

Html5 – 3. Nav

Hoy introducimos la etiqueta “nav”, con dicha etiqueta indicamos al navegador que vamos a poner la tipica barra de navegacion del sitio web, enlace a inicio, acerca de, etc.
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>
<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>

Introducir este codigo en notepad ++ y grabarlo por ejemplo como ejemplonav.html, abrirlo despues con el navegador web para ver el resultado.
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.

Please follow and like us: