La tabla es una etiqueta en XHTML que se encuentra en una situación incómoda. Esta sección solo está disponible para la comprensión.
Antes de que CSS se hiciera popular, las tablas se usaban ampliamente en el posicionamiento. En XHTML, las tablas no se recomiendan para el posicionamiento, y W3C espera que CSS pueda reemplazar la posición de <Tably> en el posicionamiento. Sin embargo, de hecho, debido a que el uso del diseño de CSS a menudo requiere mucho trabajo de código escrito a mano (el software de diseño web común como DreamWeaver no puede admitir perfectamente la visualización de DIV), <Able> todavía es utilizado por muchos sitios web para usar el diseño de la página de inicio, como la página de More Products de Google usa tablas para el posicionamiento. Sin embargo, personalmente le recomiendo que comience a usar CSS para localizar páginas web, porque esta es la dirección del desarrollo web. Por supuesto, reemplazar las tablas con CSS en las primeras etapas puede causarle muchos problemas.
En XHTML, la etiqueta para crear una tabla es <Able>. Al escribir código, primero debemos usar la etiqueta <tr> para dividir la tabla en filas y filas, y luego usar la etiqueta <TD> para dividir cada fila en cuadrículas y cuadrículas. Crear tablas con código escrito a mano completo es muy difícil e ineficiente, y hacer tablas en el software de producción de la página web es tan simple como Word, solo necesita seleccionar atributos simples como filas y columnas. Sin embargo, podemos encontrar la posibilidad de que las tablas hechas automáticamente no cumplan con los requisitos y deben ajustarse en el patrón de código. Por lo tanto, todavía necesitamos comprender la escritura específica de las etiquetas de tabla XHTML.
La etiqueta <Able> puede tener un atributo de borde. Si el valor del atributo de borde no se establece, de forma predeterminada, el navegador no mostrará el borde de la tabla.
Creemos una etiqueta de cuatro filas y dos columnas, el código es el siguiente:
| <border de tabla = 1> <tr> <TD> una cuadrícula </td> <TD> una cuadrícula </td> </tr> <tr> <TD> una cuadrícula </td> <TD> una cuadrícula </td> </tr> <tr> <TD> una cuadrícula </td> <TD> una cuadrícula </td> </tr> <tr> <TD> una cuadrícula </td> <TD> una cuadrícula </td> </tr> </table> |
El resultado se muestra de la siguiente manera: preste atención al código anterior, hay 4 pares de <tr>, correspondientes a las siguientes 4 líneas. Y sin un <tr> (fila), hay dos células <td>. Entonces se convierte en una tabla de 4 filas y 2 columnas.
| Una cuadrícula | Una cuadrícula |
| Una cuadrícula | Una cuadrícula |
| Una cuadrícula | Una cuadrícula |
| Una cuadrícula | Una cuadrícula |
Dichas tablas son suficientes para enumerar información como datos, pero las tablas utilizadas para ubicarse suelen ser más complicadas. Nuevamente, no recomendamos usar la tabla para el posicionamiento, por lo que solo introduciremos brevemente <Able> aquí.