SESIÓN 6 - Estilos y columnas
Fichero HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="Práctica 5.css">
</head>
<body>
<header>
<h1> PLANTILLA HTML5 Y CSS3 PROFESIONAL</h1>
<nav>Menú de navegación</nav>
</header>
<article>
<h2>Artículo de informaxción</h2>
<section>
<h3>Columna 1</h3>
<p>Lorem iptum dolor sit amet, consectetur adipisicing elit. Quod impedit labore similique odit iste maiores nihil distinctio laudantium nemo. Incidunt et eaque saepe quas delectus itaque fugit dicta laudantium similique!</p>
</section>
<section>
<h3>Columna 2</h3>
<p>Lorem iptum dolor sit amet, consectetur adipisicing elit. Tempora adipisci assumenda, maiores rerum, quas impedit delectus tempore omnis illo sapiente quibusdam eum ut libero obcaecati quam deleniti voluptatum sint. Numquam. </p>
</section>
<section>
<h3>Columna 3</h3>
<p>Lorem iptum dolor sit amet, consectetur adipisicing elit. Porro nemo repellat enim ducimus ullam aut odit, commodi natus quae delectus voluptas molestiae assumenda, explicabo ex accusamus quia optio esse quibusdam.</p>
</section>
</article>
<footer>Pie de página</footer>
</body>
</html>
Cuaderno de estilos CSS
/*
Hoja de Estilos PRACTICA5.CSS
*/
h2{
text-align: center;
}
header{
background-color:aquamarine;
text-align: center;
padding: 20px;
}
section{
width:33%;
float: left;
}
footer{
background-color: aquamarine;
text-align: center;
padding: 20px;
clear: both;
}
Comentarios
Publicar un comentario