El sin tablas HTML disposición sustituye la tabla HTML disposiciónpara que el código sea más eficiente, más fácil de leer y menos propensos a tener errores. Puede sustituir su mesa etiquetas HTML usando la etiqueta div. Embedded etiquetas div actúan como filas y columnas de la tabla. Después de sustituir las etiquetas de tabla con etiquetas div, el diseño sigue siendo el mismo, pero el código es más fácil de administrar si alguna vez tiene que hacer cambios en el futuro.
LUGAR TABLAS
Haga clic en la página HTML que contiene la tabla que desea convertir. Haga clic en "Abrir con", a continuación, haga clic en el editor de código HTML que desea utilizar.
Busque la etiqueta mesa de apertura. Usted comienza la conversión mediante la sustitución de la apertura y cierre de etiqueta de tabla con la apertura y cierre de las etiquetas div. El código siguiente es un ejemplo de una tabla con dos columnas y una fila:
tabla
tr
tdData Row # 1/td
tdData Row # 2/td
/ Tr
/ Table
Vuelva a colocar la apertura y cierre de etiquetas de tabla con etiquetas div. Utilizando el ejemplo en el paso 2, en sustitución de las etiquetas de la tabla con un contenedor principal div parece el siguiente código:
div id = "main"
tr
tdData Row # 1/td
tdData Row # 2/td
/ Tr
/ Div
Reemplace las etiquetas de fila de tabla con etiquetas div incrustados. Las etiquetas "tr" representan filas de la tabla. El siguiente código muestra la tabla de la Etapa 2 y la Etapa 3 con etiquetas div para las filas:
div id = "main"
div id = "filas"
tdData Row # 1/td
tdData Row # 2/td
/ Div
/ Div
Reemplace las celdas de una tabla o columnas con las últimas etiquetas div incrustados. En el siguiente código se completa la sustitución de la tabla de ejemplo con etiquetas div:
div id = "main"
div id = "filas"
div id = "columna1" fila de datos # 1/div
div id = "columna2" fila de datos # 2/Div
/ Div
/ Div
No hay comentarios:
Publicar un comentario