ubiquitour.com

Cómo usar CSS Div etiquetas

Los desarrolladores web a menudo dividen páginas Web secciones, como un encabezado, cuerpo y pie de página. Varios elementos en HTML se utilizan para definir el diseño de una página Web, incluyendo tablas, capas y etiquetas div. Mesas solían ser la opción preferida para dividir páginas Web. Sin embargo, debido a las limitaciones de las tablas relacionadas con la carga de la página, flexibilidad y compatibilidad con navegadores, más autores de páginas Web utilizando las etiquetas div y CSS para sus diseños y formato.

Instrucciones

1 Haga clic en "Inicio" "Programas" "Accesorios" y "Bloc de notas."

2 Escriba o copie y pegue el siguiente código HTML en Bloc de notas:

< html >

< estilo tipo = "text/css" >

{encabezado background-color: #0066FF;

height: 50px;

width: 600px;

}

{cuerpo} background-color: #FFFF99;

height: 300px;

width: 600px;

}

pie de página {} background-color: #009900;

height: 50px;

width: 600px;

}

< / estilo >

< cuerpo >

< div id = "cabecera" > este es un encabezado de la página web < / div >

< div id = "body" > este es el cuerpo de la página web < / div >

< div id = "footer" > este es el pie de la página web < / div >

< /body >

< / html >

Código anterior utiliza HTML div (< div >< / div >) crear maquetación de encabezado cuerpo y footer. Utiliza codificación de CSS a las etiquetas de estilo a sus atributos, incluyendo su color de fondo, la anchura y la altura.

3 Haga clic en "Archivo" y "Guardar como". Seleccione "Todos los archivos" como el "guardar como tipo".

4 Nombre de archivo y coloque una extensión .html al final del nombre del archivo a guardar como un documento HTML. Ejemplo: mypagelayout.html.

5 Ubicar el documento en el disco duro y haga doble clic en él. Deben abrir en su navegador. Usted debe ver un diseño de página del color que consiste en tres divisiones: un encabezado, cuerpo y pie de página.