¿Qué es una etiqueta de tabla HTML?

El autor de una página web tiene muchas opciones sobre cómo mostrar datos cuando se utiliza el lenguaje de marcado de hipertexto (HTML), incluida una etiqueta de tabla HTML. Los escritores de páginas web utilizan la etiqueta de tabla HTML para organizar los datos en tablas para facilitar su visualización. Se pueden insertar diferentes tipos de datos, incluidos texto, imágenes e incluso otras tablas, en las celdas de la tabla. Se puede usar una variedad de elementos y atributos diferentes dentro de la etiqueta de la tabla HTML. Una persona que quiera ingresar una tabla dentro de un documento HTML necesitará comprender estos diversos componentes y cómo trabajan juntos.

La etiqueta de tabla HTML se puede usar para organizar datos en columnas y filas. Las columnas son líneas verticales de datos y las filas son líneas horizontales. El autor HTML solo puede insertar datos en las filas de una tabla porque una vez que las filas se insertan, las columnas se alinearán. Algunos de los elementos utilizados dentro de la etiqueta de la tabla HTML son <tr>, <td> y <th> que definen la fila de la tabla, los datos de la tabla y el encabezado de la tabla, respectivamente. Los atributos se pueden usar para definir el aspecto y el espaciado de las filas.

Si un autor HTML quiere que una tabla se vea bien, hay una variedad de atributos diferentes que puede usar para hacerlo. Los atributos correctos pueden cambiar características como el color del texto, el espacio entre las celdas, el color de fondo de la tabla y los bordes. Incluso hay formas de deshacerse de los bordes por completo para que no aparezcan en el navegador del usuario. Si bien un autor no puede cambiar directamente los datos en las columnas, puede cambiar las diferentes características de las columnas. Para hacer esto, puede usar elementos como <col> y <colgroup>.

Para ingresar una tabla en un documento HTML, se debe usar la etiqueta de inicio de tabla <table>. Dentro del elemento, el autor puede definir varios atributos sobre la tabla, como el color, el borde y el espaciado. Luego, el autor necesita definir la fila de la tabla usando el elemento <tr>. Esto le dice al navegador que los datos a seguir deben colocarse en una fila. Después de esto, los datos de la tabla, la información real que se mostrará, se ingresan después del elemento <td>. Es importante que las diversas etiquetas se cierren en secuencia para evitar confusiones en cualquier edición posterior.

Un ejemplo de cómo puede verse un documento HTML cuando un autor quiere usar la etiqueta de tabla HTML es el siguiente:

<table>
<tr>
<td> Esta es la celda 1 </td>
<td> Esta es la celda 2 </td>
</tr>

<tr>
<td> Esta es la celda 3 </td>
<td> Esta es la celda 4 </td>
</tr>
</table>

Este ejemplo producirá una tabla de cuatro celdas con dos columnas hacia abajo y dos filas de ancho.