Ponemos el codigo del apartado anterior y le agregamos la etiqueta "aside", quedando asi:
Como podeis observar hemos introducido una lista en aside, con dos items, simulando un enlace a facebook y twitter para seguirnos, es un ejemplo de lo que suele añadirse a "aside".<!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>
<section>
<article>
<hgroup>
<h1>Aqui va el encabezado grande</h1>
<h2>Aqui un encabezado mas pequeño</h2>
</hgroup>
<p>Aqui ponemos un parrafo que es el contenido de nuestra pagina.</p>
<p>Este puede ser un segundo parrafo de nuestra web.</p></article>
<article>
<hgroup>
<h1>Aqui va el encabezado grande del segundo Article</h1>
<h2>Aqui un encabezado mas pequeño</h2></hgroup>
<p>Aqui ponemos un parrafo que es el contenido de nuestra pagina.</p>
<p>Este puede ser un segundo parrafo de nuestra web.</p></article>
</section>
<aside><h1>Siguenos en:</h1>
<ul>
<li><a href="facebook.html">Facebook</a>
</li><li><a href="twitter.html">Twitter</a></li>
</ul></aside>
</body>
</html>
Espero practiqueis con lo que ya hemos aprendido, en la proxima entrada hablaremos de "footer".
No hay comentarios:
Publicar un comentario