Cómo utilizar varias Div en CSS

La etiqueta HTML "div" le permite secciones segmento de su contenido, por lo que puede configurar estilos y márgenes en diferentes partes de su sitio web. Se puede utilizar uno o varios contenedores div. Div han reemplazado más viejos estilos de mesa, porque dan el webmaster más libertad para diseñar las secciones de la página web con menos posibilidades de cometer errores de codificación. Div también mantener el código más eficiente en lugar de tener varias tablas embebidas que son más difíciles de manejar que divs.

Instrucciones

1 Haga clic en el archivo HTML que desea editar. Haga clic en "Abrir con", a continuación, haga clic en el acceso directo para el editor HTML para cargar el código en un editor.

2 Crear un div principal que contiene la totalidad de su contenido. Un div principal que rodea todo el contenido le permite alinear la página principal en el navegador del usuario. Por ejemplo, se puede centrar una página que no tiene suficiente contenido para ocupar toda la ventana. Agregue el siguiente código div directamente después de la etiqueta de "cuerpo" y colocar todos los elementos HTML dentro de esta etiqueta:

<Div style = "align: center" id = "principal"> </ div>

3 Incrustar etiquetas div adicionales en el div principal. Puede utilizar tantas etiquetas div según sea necesario para dar formato al contenido. Por ejemplo, el código siguiente crea dos secciones de una página, la barra de navegación a la izquierda y el centro de la sección de contenido:

<Div id = "left_nav">

Un enlace

enlace de dos

</ Div>

<Div id = "contenido">

Bienvenido a mi página

</ Div>

4 Guarde el contenido y abra la página HTML en el navegador Web. Se puede tomar unos cuantos puntos débiles antes de administrar a diseñar la página web exactamente cómo usted quiere que se vea en el navegador del usuario. Revisar los cambios y repetir estos pasos hasta que esté satisfecho con los cambios HTML.

Consejos y advertencias

• Revisar los cambios HTML en varios navegadores para asegurarse de que el código no tener errores en un navegador alternativo.