Hola, cree una Web de practica nada mas y quería que me dijeran si el código, y la forma de maquetacion están utilizadas correctamente? les agradesco sugerencias y comentarios
y aca les dejo el codigo del html y ccs
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" >
<html>
<head>
<meta name="robots" content="noindex, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="estilo.css" >
<title>Mi documento</title>
</head>
<body>
<div class="contenedor">
<div class="cuerpo">
<div class="box2">BOX2</div>
<div class="box3">BOX3</div>
<div class="box">BOX</div>
</div>
<div class="cuerpo2">
<div class="menu">MENU</div>
<div class="marquezina">MARQUEZINA</div>
</div>
<div class="cuerpo3">
<div class="box4">BOX4 <div class="derecha">derecha</div> </div>
<div class="box5">BOX5 <div class="izquierda">izquierda</div> </div>
<div class="boxcentral">BOXCENTRAL</div>
</div>
<div class="pie">
<div class="marquezina">marquezina</div>
<div class="derecha2">2</div>
<div class="izquierda2">1</div>
<div class="base">BASE1</div>
<div class="derecha2">4</div>
<div class="izquierda2">3</div>
<div class="base">BASE2</div>
</div>
</div>
</body>
</html>
estilo.ccs
Código:
/* Comentarios */
BODY {
text-align: center;
background-color: #000000;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14pt;
}
.contenedor{
text-align: left;
margin: auto;
width: 938px;
background-color: #FFFFFF;
}
.cuerpo{
background-image: url(Fondo%20Tabla.jpg);
}
.box {
text-align: center;
width:auto;
height: 80px;
margin-left: 124px;
margin-right: 124px;
}
.box2 {
width: 124px;
float:right;
height: 80px;
}
.box3 {
width: 124px;
float:left;
height: 80px;
}
.box4 {
width: 136px;
background-color: #FFFFFF;
float: right;
}
.box5 {
width: 136px;
float: left;
background-color: #FFFFFF;
}
.boxcentral {
width: auto;
text-align: center;
height: 580px;
margin-left: 136px;
background-color: #FFFFFF;
margin-right: 136px;
}
.pie{
background-image: url(Fondo%20Tabla.jpg);
}
.base {
width: auto;
margin-right: 136px;
margin-left: 136px;
text-align: center;
}
.derecha {
width: 136px;
background-color: #FFFFFF;
float: none;
height: 557px;
}
.izquierda {
width: 136px;
height: 557px;
}
.derecha2 {
width: 136px;
float: right;
}
.izquierda2 {
width: 136px;
float: left;
}
.menu {
height: 25px;
width: 936px;
padding: 0 0 0 2px;
background-image: url(Fondo%20Tabla.jpg);
}
.marquezina {
color: #000000;
height: 25px;
width: 936px;
padding: 0 0 0 2px;
background-color: #FFFFFF;
}
.cuerpo2 {
}
.cuerpo3 {
}
Gracias y Saludos