Ejemplo
Una tabla HTML sencilla, con dos celdas de la tabla:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <td> etiqueta define un estándar de celda en una tabla HTML.
Una tabla HTML tiene dos tipos de células:
- - Celdas de encabezado contiene información de cabecera (creada con el <th> elemento)
- - Células estándar contiene los datos (creada con el <td> elemento)
El texto en <th> elementos están en negrita y centrado de forma predeterminada.
El texto en <td> elementos son regulares y por defecto alineado a la izquierda.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <td> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: Utilice el colspan y rowspan atributo para dejar que el lapso de contenido a través de múltiples columnas o filas!
Diferencias entre HTML 4.01 y HTML5
Todos los atributos de diseño se eliminan en HTML5.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| abbr | text | No se admite en HTML5. Especifica una versión abreviada del contenido de una celda |
| align | left right center justify char | No se admite en HTML5. Alinea el contenido de una celda |
| axis | category_name | No se admite en HTML5. clasifica las células |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | No se admite en HTML5. Especifica el color de fondo de una celda |
| char | character | No se admite en HTML5. Alinea el contenido en una celda a un carácter |
| charoff | number | No se admite en HTML5. Establece el número de caracteres que el contenido se alineará desde el carácter especificado por el char atributo |
| colspan | number | Especifica el número de columnas de una célula debe abarcar |
| headers | header_id | Especifica una o más celdas de encabezado de una célula está relacionada con |
| height | pixels % | No se admite en HTML5. Establece la altura de una célula |
| nowrap | nowrap | No se admite en HTML5. Especifica que el contenido dentro de una célula no debe envolver |
| rowspan | number | Establece el número de filas de una célula debe abarcar |
| scope | col colgroup row rowgroup | No se admite en HTML5. Define una forma de asociar las celdas de encabezamiento y las celdas de datos en una tabla |
| valign | top middle bottom baseline | No se admite en HTML5. Vertical: alinea el contenido en una celda |
| width | pixels % | No se admite en HTML5. Especifica el ancho de una célula |
Los atributos globales
La <td> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <td> etiqueta también es compatible con la atributos de eventos en HTML .
Inténtelo usted mismo - Ejemplos
encabezados de la tabla
Cómo crear encabezados de la tabla.
Tabla con un título
Una tabla HTML con un título.
Etiquetas dentro de una tabla
Cómo mostrar elementos dentro de otros elementos.
C ells que abarcan más de una fila / columna
¿Cómo definir las celdas de la tabla que abarcan más de una fila o una columna.
Páginas relacionadas
Tutorial de HTML: tablas HTML
Referencia HTML DOM: TableData Objeto
CSS Tutorial: Tablas Styling
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <td> elemento con los siguientes valores predeterminados:
td {
display: table-cell;
vertical-align: inherit;
}