SESIÓN 7 ; HTML Y CSS
<!DOCTYPE html>
<html lang="es-Es">
<head>
<meta charset="UTF-8">
<title>Práctica 7.Diseño web</title>
<link rel="stylesheet" href"practica8.css">
</head>
<body>
<header>
<h1>Diseño Web HTML 5</h1>
</header>
<article>
<h2>Contenido Web</h2>
<section>
<h3>Columna 1</h3>
<p>Loren ipsum dolor sit amet , consectetur adipisicing elit</p>
</section>
<section>
<h3>Columna 2</h3>
<p>Lorem ipsum dolor sit ame , consectetur adipisicing elit</p>
</section>
</article>
<footer>
<h3>Diseño realizado por Britanyx</h3>
</footer>
</body>
</html>
/*
Hoja de Estilo Práctica 8.css
*/
*{
box-sizing: border-box;
}
h1,h2,h3{
text-align: :center;
}
header,footer{
background-color:blue;
color:white;
padding:20px;
}
article{
background-color:white;
padding-left:20px;
padding-right:20px;
padding-bottom: 20px;
overflow:auto;
}
section{
background-color:antiquewhite;
padding: 20px;
float: left;
width: 50%;
height:300px;
border-style: solid;
overflow: auto;
}
footer{
clear:both;
}
<html lang="es-Es">
<head>
<meta charset="UTF-8">
<title>Práctica 7.Diseño web</title>
<link rel="stylesheet" href"practica8.css">
</head>
<body>
<header>
<h1>Diseño Web HTML 5</h1>
</header>
<article>
<h2>Contenido Web</h2>
<section>
<h3>Columna 1</h3>
<p>Loren ipsum dolor sit amet , consectetur adipisicing elit</p>
</section>
<section>
<h3>Columna 2</h3>
<p>Lorem ipsum dolor sit ame , consectetur adipisicing elit</p>
</section>
</article>
<footer>
<h3>Diseño realizado por Britanyx</h3>
</footer>
</body>
</html>
/*
Hoja de Estilo Práctica 8.css
*/
*{
box-sizing: border-box;
}
h1,h2,h3{
text-align: :center;
}
header,footer{
background-color:blue;
color:white;
padding:20px;
}
article{
background-color:white;
padding-left:20px;
padding-right:20px;
padding-bottom: 20px;
overflow:auto;
}
section{
background-color:antiquewhite;
padding: 20px;
float: left;
width: 50%;
height:300px;
border-style: solid;
overflow: auto;
}
footer{
clear:both;
}
Comentarios
Publicar un comentario