Cómo tener un diseño sin tablas

Nuevos diseños sin tablas HTML utilizan la notación, lo que significa que en lugar de utilizar el elemento de tabla HTML de edad, los diseñadores Web utilizan etiquetas "div" para establecer las posiciones de contenido. Se utiliza una etiqueta div principal para contener la totalidad de su contenido, a continuación, crear etiquetas div dentro del contenedor principal etiqueta div para configurar el diseño sin tablas.

Instrucciones

1 Haga clic en la página HTML que desea editar y seleccione "Abrir con". Haga clic en el editor de HTML en el menú emergente para cargar el código en el editor.

2 Añadir una etiqueta div principal al comienzo de su código. Si ya tiene el código HTML completó debe envolver todo el cuerpo del contenido HTML dentro de un div para dar formato a la disposición. El código siguiente es un ejemplo de una etiqueta div principal:

<Div id = "mainBody"> </ div>

3 Añadir las etiquetas sub-div. Cada div contiene una sección de su código. Por ejemplo, si tiene tres secciones de su sitio web, añadir tres etiquetas div. Lo siguiente es un ejemplo:

<Div id = "rightside"> panel de navegación de la izquierda. </ Div>

<Div id = "middle"> Mi contenido principal detalle </ div>

<Div id = "rightside"> información adicional derecho </ div>

4 Guarde los cambios y abrir la página en un navegador Web. Revise la distribución. Puede agregar, eliminar o cambiar div propiedades que cumplen sus requisitos de diseño. La mayoría de los editores gráficos HTML le permiten desplazar el div alrededor de la página con el ratón.