-
Cómo utilizar CSS etiquetas div
-
Los desarrolladores web a menudo dividen las páginas Web en secciones, como un encabezado, cuerpo y pie de página. Varios elementos de HTML se utilizan para definir el diseño de una página Web, incluyendo tablas, capas y etiquetas div. Tablas que solía ser la opción preferida para dividir las páginas Web. Sin embargo, debido a las limitaciones de las tablas relacionadas con la carga de la página, la flexibilidad y la compatibilidad con los navegadores Web, Web más autores están utilizando etiquetas div y CSS por sus diseños y formatos.
Instrucciones
1 Haga clic en "Inicio", "Programas", "Accesorios" y "Bloc de notas".
2 Tipo o copiar y pegar el siguiente código HTML en el Bloc de notas:
<Html>
<Style type = "text / css">
{cabecera
background-color: #0066FF;
altura: 50px;
Anchura: 600px;
}
cuerpo {
background-color: #FFFF99;
altura: 300px;
Anchura: 600px;
}
pie de página {
background-color: #009900;
altura: 50px;
Anchura: 600px;
}
</ Style>
<Body>
<Div id = "header"> Este es un encabezado de la página web </ div>
<Div id = "cuerpo"> Este es el cuerpo de la página web </ div>
<Div id = "pie"> Este es el pie de página de la página web </ div>
</ Body>
</ Html>
El código anterior utiliza etiquetas HTML div (<div> </ div>) para crear un diseño de página que consisten en un encabezado, cuerpo y pie de página. Se utiliza un código CSS dentro de las etiquetas de estilo para dar formato a sus atributos, incluyendo su color de fondo, anchura y altura.
3 Haga clic en "Archivo" y "Guardar como". Seleccione "Todos los archivos" como el "Guardar como tipo".
4 El nombre de su archivo y colocar una extensión .html al final del nombre de archivo para guardarlo como un documento HTML. Ejemplo: mypagelayout.html.
5 Encontrar el documento en su disco duro y haga doble clic en él. Se debe abrir en el explorador Web. Debería ver un diseño de página de color que consiste en tres divisiones: una cabecera, un cuerpo y pie de página.