INSTRUCCIONES: En la misma carpeta en que se ha trabajado, crear 5 html’s que se llamarán: maquetacion1.html,maquetacion2.html, ... y así sucesivamente; se creará una hoja de estilo para todos estos html’s con el nombre maquetacion.css y se guardará en la carpeta css, en ella se diferenciarán los estilos para cada html con el comentario : /* CSS de maquetacion1.html*/ , etc.

Todos llevan la clase .wrap, por lo tanto llevan el div envolvente con las características de 900 pixeles de ancho por un alto “auto” y va centrado.

Y todos los div’s llevan color de fondo diferentes para que se distingan.

ancho de 700 pxalto de 700 px

Todos tienen la misma medida de ancho y una altura de 640 px y borde.

maquetacion1.html maquetacion2.html

maquetacion4.htmlmaquetacion3.html maquetacion5.html

alto de 200 px

alto de 500 px

alto de 50 px alto de 50 px

ancho de 500 pxalto de 500 px

ancho de 500 pxalto de 250 px

alto de 20 px alto de 20 px

alto de 70 px

alto de 300 px