HTML 参考手册

HTML 标签大全

HTML: <textarea> etiqueta HTML: <tbody> etiqueta

HTML: <td> etiqueta

HTML <td>标签在HTML表中定义了一个标准单元格。 <td> 元素定义了一个包含数据的表格单元格。此标签通常也称为 <td>元素。

在线示例

　HTML 表格，带有多个单元格：

Ejemplo

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML　td标签的使用(基础教程网　oldtoolbag.com)</title>
</head>
<body>
<table　border="1">
　　<tr>
　　　　<th>Columna　1　Encabezado</th>
　　　　<th>Columna　2　Encabezado</th>
　　</tr>
　　<tr>
　　　　<td>Datos　en　Columna　1,　Fila　2</td>
　　　　<td>Datos　en　Columna　2,　Fila　2</td>
　　</tr>
　　<tr>
　　　　<td>Datos　en　Columna　1,　Fila　3</td>
　　　　<td>Datos　en　Columna　2,　Fila　3</td>
　　</tr>
　　<tr>
　　　　<td>Datos　en　Columna　1,　Fila　4</td>
　　　　<td>Datos　en　Columna　2,　Fila　4</td>
　　</tr>
</table>
</body>
</html>

Prueba aquí ‹/›

En este HTML5en el ejemplo de documento, creamos una tabla utilizando la etiqueta <table>, que tiene2y4filas. La columna1es definida por la primera etiqueta <tr>. Tiene2se define la celda de título de la tabla con la etiqueta <th>. La fila2a4La fila se define con la etiqueta <td> para definir la celda estándar de la tabla.

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <td>.

Descripción de la etiqueta y uso

La etiqueta <td> define la celda estándar de la tabla HTML.

HTML tiene dos tipos de celdas de tabla:

Celda de encabezado - Contiene información de encabezado (creado por <th> (creado por el elemento)
Celda estándar - Contiene datos (creado por el elemento <td>)

El texto en el elemento <th> generalmente se presenta en negrita y centrado.

El texto en el elemento <td> es generalmente texto alineado a la izquierda.

Consejos y Notas

Consejo:¡Si necesita extender el contenido a varias filas o columnas, utilice las propiedades colspan y rowspan!

HTML 4.01 con HTML5diferencias

HTML 5 Ya no se admite HTML 4.01 Algunos de los atributos.

Atributo

Atributo	Valor	Descripción
abbr	text	HTML5 No soportado. Especificar la versión abreviada del contenido de la celda.
align	left 　right 　center 　justify 　char	HTML5 No soportado. Especificar el modo de alineamiento horizontal del contenido de la celda.
axis	category_name	HTML5 No soportado. Clasificar la celda.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 No soportado. HTML 4.01 Descontinuado. Especificar el color de fondo de la celda.
char	character	HTML5 No soportado. Especificar el carácter utilizado para alinear el contenido.
charoff	number	HTML5 No soportado. Especificar la cantidad de desplazamiento del alineamiento de caracteres.
colspan	number	Especificar el número de columnas que puede cruzar la celda.
headers	header_id	Especificar una o más celdas de encabezado asociadas con la celda.
height	pixels %	HTML5 No soportado. HTML 4.01 Descontinuado. Establecer la altura de la celda.
nowrap	nowrap	HTML5 No soportado. HTML 4.01 Descontinuado. Especificar si el contenido de la celda debe saltear a la siguiente línea.
rowspan	number	Establecer el número de filas que puede cruzar la celda.
scope	col 　colgroup 　fila 　rowgroup	HTML5 No soportado. Define el método para asociar celdas de encabezado con celdas de datos.
valign	top 　middle 　bottom 　baseline	HTML5 No soportado. Define el alineamiento vertical del contenido de la celda.
width	pixels %	HTML5 No soportado. HTML 4.01 Descontinuado. Define el ancho de la celda.

Atributos globales

Soporte de <td> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporte de <td> etiqueta Atributos de eventos de HTML.

Intente - Ejemplo

Celdas de tabla que se extienden a través de múltiples filas o columnas
Este ejemplo muestra cómo definir celdas de tabla que se extienden a través de múltiples filas o columnas.

Etiquetas dentro de la tabla
Este ejemplo muestra cómo mostrar elementos dentro de diferentes elementos.

Margen de celda (Cell padding)
Este ejemplo muestra cómo usar Cell padding para crear un espacio en blanco entre el contenido de la celda y su borde.

Espaciado de celdas (Cell spacing)
Este ejemplo muestra cómo usar Cell spacing para aumentar el espacio entre celdas.