<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 <th> o un <td> o si no hay más datos en el elemento padre.
Elementos padre permitidos Un elemento <tr>.
Documento normativo HTML5, section 4.9.9 (HTML4.01, section 11.2.6)

Atributos

Este elemento incluye los atributos globales.

abbr Obsoleto

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.

align Obsoleto

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 char y charoff.

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 text-align en el.
  • Para lograr el mismo efecto que el valor char , en CSS3,puedes usar el valor de la char como el valor de la propiedad text-align.
axis Obsoleto

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 scope .

bgcolor Non-standard

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: 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 <td> debe ser estilizado en CSS. Para crear un efecto similar en CSS en su lugar use la propiedad background-color.

char Obsoleto in HTML4.01 Obsoleto in HTML5

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 align no está ajustado a char, este atributo se ignora.

Nota: No usar este atributo ya que está obsoleto (y no soportado) en las últimas versiones estándares). Para lograr el mismo que el char (en-US), en CSS3, puedes usar el character set usando el atributo char como el valor de la propiedad text-align.

charoff Obsoleto in HTML4.01 Obsoleto in HTML5

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: Nota: No usar este atributo ya que esta obsoleto en la ultima version del estandar,

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 <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 HTML5 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 HTML4.01 specification.

headers

Este atributo contiene una lista de cadenas separadas por espacios , cada uno correspondiente al atributo ID de la <th> elementos que se aplican a este elemento.

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 ( <thead> (en-US) , <tbody> (en-US) , <tfoot> (en-US) , incluso si define implícitamente , que la célula pertenece. los valores superiores a 65534 se recortan hasta 65534 .

scope Obsoleto in HTML5

Empty

valign Obsoleto in HTML4.01, Obsoleto in HTML5

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 .

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

width Obsoleto in HTML4.01

Este atributo se utiliza para definir una anchura de celda recomendada. Propiedades CELLSPACING y cellpadding pueden añadir espacio adicional, y el elemento <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 .

Nota: Do not use this attribute in the latest standard: instead set the CSS width property.

DOM interfaz

Este elemento implementa el interfaz HTMLTableDataCellElement (en-US).

Ejemplos

Por favor, ver la página <table> para ejemplos de <td>.

Especificaciones

Specification
HTML Standard
# the-td-element

Compatibilidad con navegadores

BCD tables only load in the browser