--- title: slug: Web/HTML/Element/td translation_of: Web/HTML/Element/td original_slug: Web/HTML/Elemento/td ---

Resumen

El elemento HTML Celda de tabla (<td>) define la celda de una tabla que contiene datos. Esta participa en el modelo de tablas.

Contexto de uso

Categorías de contenido	Ninguna.
Contenido permitido	Contenido dinámico.
Omision de Etiquetas	La etiqueta de inicio es obligatoria. La etiqueta final puede ser omitida, si esta inmediatamente seguida por un elemento {{HTMLElement("th")}} o un {{HTMLElement("td")}} o si no hay más datos en el elemento padre.
Elementos padre permitidos	Un elemento {{HTMLElement("tr")}}.
Documento normativo	HTML5, section 4.9.9 (HTML4.01, section 11.2.6)

Atributos

Este elemento incluye los atributos globales.

{{htmlattrdef("abbr")}} {{obsoleteGeneric('inline','HTML5')}}

Este atributo contiene un pequeña descripción abreviada del contenido de la celda. Algunos agentes de usuario, como los lectores de voz, pueden presentar esta descripción antes que el propio contenido.

Nota: No usar este atributo ya que esta obsoleto en la ultima version del estandar. Como alternativa, puedes poner una descripción abreviada dentro de la celda y colocar el contenido largo en el atributo title.

{{htmlattrdef("align")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}

Este atributo especifíca la posición horizontal del contenido de la celda, los valores de la misma pueden ser:

Izquierda, alínea el contenido de la celda a la izquierda
Centro, centra el contenido de una celda
Derecha, alínea el contenido de la celda a la derecha
Justificado, inserta espacios en el texto para que el contenido se ajuste a la celda
char, alinear el contenido a un caracter especial definido por los atributos {{htmlattrxref("char", "td")}} y {{htmlattrxref("charoff", "td")}} {{unimplemented_inline(2212)}}.

Si este atributo no se define, se selecciona por defecto left

Nota: No usar este atributo ya que esta obsoleto en la ultima version.

Para lograr el mismo efecto de los valores left, center, right, o justify , usa la propiedad CSS {{cssxref("text-align")}} en el.
Para lograr el mismo efecto que el valor char , en CSS3,puedes usar el valor de la {{htmlattrxref("char", "td")}} como el valor de la propiedad {{cssxref("text-align")}} {{unimplemented_inline}}.

{{htmlattrdef("axis")}} {{obsolete_inline}} en {{HTMLVersionInline(5)}}

Este atributo contiene una lista de cadenas separadas por espacios . Cada cadena es el ID de un grupo de celdas a las que esta cabecera se aplica.

Nota: No usar este atributo ya que esta obsoleto en la ultima version. En su lugar use el atributo {{htmlattrxref("scope", "td")}} .

{{htmlattrdef("bgcolor")}} {{Non-standard_inline}}

Este atributo define el color de fondo de cada celda de la columna. Es uno de los códigos de 6 dígitos hexadecimales como se definen en sRGB , prefijado por un '# ' . Una de las cadenas de color predefinidos dieciséis se pueden utilizar :

	`Negro` = "#000000"		Verde = "#008000"
	Plata = "#C0C0C0"		`Lima` = "#00FF00"
	Gris = "#808080"		Oliva = "#808000"
	Blanco = "#FFFFFF"		Amarillo = "#FFFF00"
	`Marrón` = "#800000"		Marino = "#000080"
	`Rojo` = "#FF0000"		`Azul` = "#0000FF"
	`Purpura` = "#800080"		`Verde Azulado` = "#008080"
	`Fucsia` = "#FF00FF"		`agua` = "#00FFFF"

Nota: No usar este atributo ya que esta obsoleto en la ultima version del estandar y solo implementado en algunas versiones de Microsoft Internet Explorer: El elemento {{HTMLElement("td")}} debe ser estilizado en CSS.
Para crear un efecto similar en CSS en su lugar use la propiedad {{cssxref("background-color")}}.

{{htmlattrdef("char")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}

Este atributo se utiliza para establecer el carácter para alinear las celdas de una columna . Los valores típicos de esto incluyen un punto (. ) al intentar alinear los números o valores monetarios . Si { { htmlattrxref ( " align " , " td " ) } } no está ajustado a char, este atributo se ignora.

Note: No usar este atributo ya que está obsoleto (y no soportado) en las últimas versiones estándares). Para lograr el mismo que el {{htmlattrxref("char", "thead")}}, en CSS3, puedes usar el character set usando el atributo {{htmlattrxref("char", "th")}} como el valor de la propiedad {{cssxref("text-align")}} {{unimplemented_inline}}.

{{htmlattrdef("charoff")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}

Este atributo se utiliza para indicar el número de caracteres para compensar los datos de la columna de los personajes de alineación especificado por el atributo de carbón .

Nota: No usar este atributo ya que esta obsoleto en la ultima version del estandar,

{{htmlattrdef("colspan")}}

Este atributo contiene un valor entero no negativo que indica por el número de columnas se extiende la célula. Su valor por defecto es 1 ; si su valor se establece en 0 , se extiende hasta el final de la { { HTMLElement ( " colgroup " ) } } , aunque implícitamente definido , que la célula pertenece. Los valores superiores a 1000 serán consideradas como incorrectas y se establecen en el valor predeterminado ( 1 ) .

Nota: En {{HTMLVersionInline(5)}} este atributo solo acepta valores mayores que 0 this attribute only accepts values greater than zero since it must not be used to overlap cells. Además, Firefox is the only browser to support the 0 value as defined in the {{HTMLVersionInline(4.01)}} specification.

{{htmlattrdef("headers")}}

Este atributo contiene una lista de cadenas separadas por espacios , cada uno correspondiente al atributo ID de la { { HTMLElement ( "th" ) } } elementos que se aplican a este elemento.

{{htmlattrdef("rowspan")}}

Este atributo contiene un valor entero no negativo que indica a cuántas filas se extiende la célula. Su valor por defecto es 1 ; si su valor se establece en 0 , se extiende hasta el final de la sección de la tabla ( { { HTMLElement ( " culata en T " ) } } , { { HTMLElement ( " tbody " ) } } , { { HTMLElement ( " tfoot " ) } } , incluso si define implícitamente , que la célula pertenece. los valores superiores a 65534 se recortan hasta 65534 .

{{htmlattrdef("scope")}} {{obsolete_inline}} in {{HTMLVersionInline(5)}}

{{htmlattrdef("valign")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}, {{obsolete_inline}} in {{HTMLVersionInline(5)}}

Este atributo especifica la alineación vertical del texto dentro de cada fila de células de la cabecera de la tabla . Los valores posibles para este atributo son :

baseline, pondrá el texto tan cerca del fondo de la celda , ya que es posible, pero alinearlo en la línea de base de los caracteres en lugar de la parte inferior de ellos. Si los caracteres son todos del mismo tamaño , esto tiene el mismo efecto que la parte inferior.
bottom, pondrá el texto tan cerca del fondo de la celda , ya que es posible
middle, centra el texto de la celda
and top, pone el texto como cerca de la parte superior de la celda como es posible .

Note: Do not use this attribute as it is obsolete (and not supported) in the latest standard: instead set the CSS {{cssxref("vertical-align")}} property on it.

{{htmlattrdef("width")}} {{Deprecated_inline}} in {{HTMLVersionInline(4.01)}}

Este atributo se utiliza para definir una anchura de celda recomendada. Propiedades CELLSPACING y cellpadding pueden añadir espacio adicional, y el elemento { { HTMLElement ( "col " ) } } anchura pueden también tener algún efecto . En general, si el ancho de una columna es demasiado estrecha para mostrar una célula particular correctamente, y por lo tanto las células en el mismo, se puede ensanchar cuando se muestra .

Note: Do not use this attribute in the latest standard: instead set the CSS {{cssxref("width")}} property.

DOM interfaz

Este elemento implementa el interfaz {{domxref("HTMLTableDataCellElement")}}.

Ejemplos

Por favor, ver la página {{HTMLElement("table")}} para ejemplos de <td>.

Compatibilidad con navegadores

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	1.0	{{CompatGeckoDesktop("1.0")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`align/valign` attribute	1.0	{{CompatNo}}^[1]	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`char/charoff` attribute	1.0	{{CompatNo}}^[2]	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`bgcolor` attribute {{Non-standard_inline}}	{{CompatNo}}	{{CompatNo}}	{{CompatVersionUnknown}}	{{CompatNo}}	{{CompatNo}}
`colspan` attribute with value 0 (extend to the end of the colgroup)	{{CompatNo}}	{{CompatVersionUnknown}}	{{CompatNo}}	{{CompatNo}}	{{CompatNo}}

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	{{CompatVersionUnknown}}	{{CompatGeckoMobile("1.0")}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}
`align/valign` attribute	{{CompatUnknown}}	{{CompatNo}}^[1]	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`char/charoff` attribute	{{CompatUnknown}}	{{CompatNo}}^[2]	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}
`bgcolor` attribute {{Non-standard_inline}}	{{CompatNo}}	{{CompatNo}}	{{CompatVersionUnknown}}	{{CompatNo}}	{{CompatNo}}

Ver también

Otros Elementos HTML relacionados con tablas: {{HTMLElement("caption")}}, {{HTMLElement("col")}}, {{HTMLElement("colgroup")}}, {{HTMLElement("table")}}, {{HTMLElement("tbody")}}, {{HTMLElement("tfoot")}}, {{HTMLElement("th")}}, {{HTMLElement("thead")}}, {{HTMLElement("tr")}}.