<td>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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 atributoschar
ycharoff
.
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
, ojustify
, usa la propiedad CSStext-align
en el. - Para lograr el mismo efecto que el valor
char
, en CSS3,puedes usar el valor de lachar
como el valor de la propiedadtext-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
No estándar-
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 propiedadbackground-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 CSS3, puedes usar el character set usando el atributochar
como el valor de la propiedadtext-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>
,<tbody>
,<tfoot>
, 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 posiblemiddle
, 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
.
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