Estructura html5

estructura html5

HTML5 ofrece nuevos elementos semánticos que definen diferentes partes de una página web.

Estructura html5:

 

estructura html5
estructura html5
header Define un encabezado de un documento
nav Define un contenedor para enlaces de navegación
section Define una sección en un documento
article Define un artículo en el documento
aside Define contenido aparte del contenido (como una barra lateral)
footer Define unpie de página del documento
details Define detalles adicionales
summary Define un título para el elemento detalles

[adsense]

Este ejemplo utiliza <header>, <nav>, <section> y <footer> para crear un diseño de varias columnas

<body>

<header>
<h1>City Gallery</h1>
</header>

<nav>
London<br>
Paris<br>
Tokyo<br>
</nav>

<section>
<h1>London</h1>
<p>
London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
<p>
Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.
</p>
</section>

<footer>
Copyright © W3Schools.com
</footer>

</body>

 

Ejemplo de CSS:

 

<style>
header
{
background-color:black;
color:white;
text-align:center;
padding:5px;
}
nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
section {
width:350px;
float:left;
padding:10px;
}
footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}

[adsense]

Este artículo lo he escrito, utilizando como fuente w3schools, en concreto este enlace.

Espero que os haya resultado interesante 🙂 Gracias por leer!!!!!!!!!

 

[RICH_REVIEWS_SHOW num=”all” category=”post”]

[RICH_REVIEWS_FORM]

Resumen
Nombre del artículo
Estructura html5
Descripción
Artículo en el cual se explica con detalle la estructura html5 de un portal web que utiliza este lenguaje de marcado
Autor