SESIÓN 6 HTML Y CSS
SESIÓN 6
<!DOCTYPE>
<html lang=“en”>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="practica7.css">
</head>
<body>
<header>
<h1>PLANTILLA HTML5 y CSS3 PROFESIONAL</h1>
<nav>Menú de navegación</nav>
</header>
<article>
<h2>Arctículo de información</h2>
<section>
<h3>Columna 1</h3>
<p>estoy en casa </p>
</section>
<section>
<h3>Columna 2</h3>
<p>pronto vamos a poder salir</p>
</section>
<section>
<h3>Columna 3</h3>
<p>tengo que terminar los deberes</p>
</section>
</article>
<footer>Pie de página</footer>
</body>
</html>
CSS
/*
Hoja de Estilos Practica7.css
*/
h2{
text-align:center;
}
header{
background-color: blue;
text-align: center;
padding: 23px;
}
section{
width:33%
float:left;
}
footer{
background-color: blue;
text-align: center;
padding: 23px;
clear:both;
}
<!DOCTYPE>
<html lang=“en”>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="practica7.css">
</head>
<body>
<h1>PLANTILLA HTML5 y CSS3 PROFESIONAL</h1>
<nav>Menú de navegación</nav>
</header>
<h2>Arctículo de información</h2>
<section>
<h3>Columna 1</h3>
<p>estoy en casa </p>
</section>
<section>
<h3>Columna 2</h3>
<p>pronto vamos a poder salir</p>
</section>
<section>
<h3>Columna 3</h3>
<p>tengo que terminar los deberes</p>
</section>
</article>
<footer>Pie de página</footer>
</body>
</html>
/*
Hoja de Estilos Practica7.css
*/
h2{
text-align:center;
}
header{
background-color: blue;
text-align: center;
padding: 23px;
}
section{
width:33%
float:left;
}
footer{
background-color: blue;
text-align: center;
padding: 23px;
clear:both;
}
Comentarios
Publicar un comentario