Una celda de tabla es una agrupación dentro de una tabla de gráfico que se utiliza para almacenar información o datos. Las celdas se agrupan horizontalmente (filas de celdas) y verticalmente (columnas de celdas). Cada celda contiene información relacionada con la combinación de los encabezados de fila y columna con los que es colineal. En el diseño de software , las celdas de las tablas son un componente clave en la creación de páginas web y HTML , y forman parte del componente
Uso de HTML
Tipos de celda en HTML
Una celda de tabla en HTML es un elemento no vacío y siempre debe estar cerrada. Hay dos tipos diferentes de celdas de tabla en HTML: celda de tabla normal y celda de encabezado.
Sintaxis
Una celda de la tabla también debe estar anidada dentro de una etiqueta
y una etiqueta (fila de la tabla). Si hay más etiquetas de celda de tabla en una fila determinada que en cualquier otra, el particular debe recibir un atributo colspan que indique cuántas columnas de celdas de ancho debería tener.
Ejemplo
Un ejemplo de una tabla HTML que contiene 4 celdas:
Celda 1 | Celda 2 |
Celda 3 | Celda 4 |
Fuente HTML:
< table border = "1" > < tr > < td > Celda 1 td > < td > Celda 2 td > tr > < tr > < td > Celda 3 td > < td > Celda 4 td > tr > tabla >
Colspan y rowpan
Cada fila debe tener el mismo número de celdas de datos de la tabla; en ocasiones, las celdas de datos de la tabla deben abarcar más de una columna o fila. En este caso, se utilizan las etiquetas colspan y / o rowspan, donde se establecen en un número.
<- Esta fila tiene tres celdas de datos de tabla | |||
<- Esta fila tiene dos. Los primeros usos colspan="2" | |||
<- Esta fila tiene tres celdas de datos de tabla, pero una abarca dos filas porque usa rowspan="2" | |||
<- Esta fila tiene solo dos celdas de datos de la tabla, porque la primera se está ocupando |
Ver también
- Tablas en las páginas de Wikipedia
- Tabla (HTML)
enlaces externos
- Elementos TH y TD
- Referencia DHTML: td
- Etiqueta TD