Ejemplo
Una tabla HTML sencilla, que contiene dos columnas y dos filas:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
La <tr> etiqueta define una fila en una tabla HTML.
Un <tr> elemento contiene uno o más <th> o <td> elementos.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <tr> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
Todos los layout atributos se eliminan en HTML5.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| align | right left center justify char | No se admite en HTML5. Alinea el contenido de una fila de la tabla |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | No se admite en HTML5. Especifica un color de fondo para una fila de la tabla |
| char | character | No se admite en HTML5. Alinea el contenido de una fila de la tabla a un personaje |
| 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 |
| valign | top middle bottom baseline | No se admite en HTML5. Vertical: alinea el contenido en una fila de la tabla |
Los atributos globales
La <tr> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <tr> 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: objeto TableRow
CSS Tutorial: Tablas Styling
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <tr> elemento con los siguientes valores predeterminados:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}