La etiqueta HTML <tr>
es la opción correcta cuando necesitamos crear una fila en una tabla HTML. El término <tr>
viene de la palabra en inglés table row, que significa fila de tabla. Esta etiqueta siempre se utiliza en combinación con las etiquetas <table>
(que define la tabla) y <td>
o <th>
(que definen las celdas de la tabla).
<tr>
?Para entender cómo se usa la etiqueta <tr>
, es esencial entender cómo funciona una tabla HTML. Una tabla está compuesta por filas y cada fila a su vez tiene celdas. En el siguiente ejemplo, creamos una tabla con dos filas:
<table>
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
</tr>
<tr>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
</table>
Aquí, las etiquetas <tr>
están definiendo las filas de la tabla. Dentro de estas, las etiquetas <td>
(léase como table data) están definiendo las celdas de cada fila. El texto entre los tags <td>
es el contenido de la celda.
En el desarrollo web, las tablas se usan para presentar información de manera organizada y estructurada, a menudo en forma de grillas. Aunque el uso de tablas para el diseño de páginas web ha sido desaconsejado en favor del CSS, siguen siendo una herramienta invaluable para mostrar datos tabulares.
Es importante recordar que cada etiqueta HTML tiene un propósito y debería ser utilizada correctamente. En el caso de la etiqueta <tr>
, debe ser usada exclusivamente para definir una fila en una tabla. Otras etiquetas que se pueden utilizar en combinación con <tr>
incluyen <td>
para las celdas de datos estándar y <th>
para celdas de encabezados, que contienen información sobre el tipo de datos en dicha columna de la tabla.
Para un código más legible y accesible, es recomendable usar la etiqueta <thead>
para agrupar las celdas de encabezado y <tbody>
para agrupar el cuerpo principal de contenido de la tabla. Estas etiquetas ayudan a los lectores de pantalla a entender la estructura de la tabla y navegar por ella de manera efectiva.
En resumen, para construir una tabla correctamente, se necesita usar adecuadamente la etiqueta <tr>
y otras etiquetas relacionadas, lo que permite la creación de tablas claras, legibles y accesibles en el diseño web.