PARA LA EVALUACION PRACTICA DE PORTALES WEB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aprendiendo Html</title>
<style type="text/css">
body{
margin:0px;
}
.contenedor {
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
height: 640px;
width: 950px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
.contenedor header {
background-color: #00C;
height: 160px;
width: 100%;
}
.contenedor nav {
background-color: #F60;
height: 40px;
width: 100%;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.contenedor article {
float: left;
height: 240px;
width: 640px;
margin-top: 10px;
background-color: #363;
}
.contenedor aside {
background-color: #FF3;
float: left;
height: 240px;
width: 300px;
margin-top: 10px;
margin-left: 10px;
}
.contenedor footer {
background-color: #36F;
height: 140px;
width: 100%;
margin-top: 10px;
float: left;
}
</style>
</head>
<body>
<div class="contenedor">
<header>
Aqui va la cabecera
</header>
<nav>
Aqui va el menu
</nav>
<article>
aqui va el articulo
</article>
<aside>
aqui va el aside
</aside>
<footer>
pie de pag
</footer>
</div>
</body>
</html>
No hay comentarios.:
Publicar un comentario