Publicado el Deja un comentario

Html5 – 6. Footer

Hoy pasamos a ver la etiqueta “footer”, es la que ponemos al final, para incluir el llamado pie de pagina, donde ponemos los datos de contacto, copyright, etc.
Partiendo del codigo anterior, introducimos esta etiqueta, quedando el codigo 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>
<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>
<footer>

<p>Pagina creada por Ticoticotaa @2016</p>

<ul>
<li><a href=”contacto.html”>Contacto</a>
</li>
<li><a href=”mapaweb.html”>Mapa Web</a></li>
</ul>
</footer>
</body>
</html>

 En el pie de pagina o footer hemos introducido 2 enlaces a la web de contacto y a la del mapa de nuestro sitio (paginas que habra que crear para que enlacen), junto con un texto del autor de la web.
Con todo este codigo ya disponemos de la base para crear una web, conociendo sus apartados.
Espero os sea util, y practicad mucho.
Please follow and like us:

Deja una respuesta