Red de conocimiento informático - Material del sitio web - Cómo utilizar los códigos de tabla table, tr, td en HTML

Cómo utilizar los códigos de tabla table, tr, td en HTML

Las tablas están definidas por la etiqueta . Cada tabla tiene una cantidad de filas (definidas por la etiqueta ) y cada fila está dividida en una cantidad de celdas (definidas por la etiqueta

). Las letras td se refieren a datos tabulares, es decir, el contenido de las celdas de datos. Las celdas de datos pueden contener texto, imágenes, listas, párrafos, tablas, líneas horizontales, tablas, etc.

Propiedades de tabla y borde

Si la propiedad del borde no está definida, la tabla no mostrará bordes. A veces esto es útil, pero la mayoría de las veces queremos que se muestre el borde. Fila 1, celda 2

Encabezado

Los encabezados de la tabla están definidos usando la etiqueta .

La mayoría de los navegadores mostrarán los encabezados de las tablas como texto centrado y en negrita:

Celdas vacías en las tablas

Celdas de la tabla sin contenido No se muestra bien en algunos navegadores . Si una celda está vacía (sin contenido), es posible que el navegador no muestre el borde de la celda.

Nota: No se mostrará el borde de la celda vacía. Para evitar esto, agregue un marcador de posición de espacio a una celda vacía para que se muestre el borde.

6

Las siguientes son todas etiquetas de tabla, podemos agregar estas etiquetas una por una, pruebe los siguientes efectos en el código, solo recuerde