CAPÍTULO XVIII. DISPOSICIÓN.
Los sitios web suelen mostrar contenido en múltiples columnas (como en una revista o periódico). HTML5 ofrece nuevos elementos que definen partes de una página web.
Otras disposiciones:
Una posible disposición para un artículo podría ser:
<head>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
header {
background-color: yellow;
padding: 30px;
text-align: center;
font-size: 35px;
}
aside {
float: right;
width: 30%;
height: 300px;
background: red;
padding: 20px;
color: white;
}
article {
padding: 20px;
width: 70%;
background-color: powderblue;
height: 300px;
}
footer {
background-color: green;
padding: 10px;
text-align: center;
color: white;
}
</style>
</head>
<body>
<h2>Capítulo XVIII. Disposición</h2>
<p>En este ejemplo, hemos creado un header, dos columnas y un footer.</p>
<header>
<h2>Este es el header</h2>
</header>
<aside>
<p>Este es el aside</p>
</aside>
<article>
<h1>Artículo</h1>
<p>Aquí aparecería el contenido del artículo</p>
</article>
<footer>
<p>Este es el footer</p>
</footer>
</body>
</html>
El resultado sería:
Ejemplo sencillo: