Las tablas son una excelente opción para mostrar datos en columnas y filas. Permiten a los usuarios escanear, comparar y analizar rápidamente cualquier tipo de información, desde texto y figuras hasta imágenes.
En su nivel más básico, una tabla se construye usando el elemento<table> y uno o más de los elementos <tr> <th>y <td> ****para definir filas, encabezados y celdas respectivamente. Evite usar la etiqueta<div> para datos tabulares; aunque puede separar el contenido en bloques, su propósito es crear diseños.
El <tr>, abreviatura de fila de tabla, define una fila de celdas en una tabla, obviamente. Actúa como un contenedor para las celdas de la tabla y contiene otros elementos que definen las celdas con encabezados y datos regulares. Básicamente, todo lo que desea mostrar en la fila va dentro de esta etiqueta, y la <tr> en sí está anidada dentro de la <table>. Su tabla necesitará tantas <tr>etiquetas como filas necesite.
Las celdas de la tabla pueden contener 2 tipos de datos: información de encabezado y datos regulares. Esta distinción es importante porque permite que los navegadores los representen claramente, incluso si no define específicamente el estilo de la tabla.
Usamos la <td> (abreviatura de datos de tabla) para establecer celdas con datos regulares. Esta etiqueta siempre está anidada dentro de la <tr>. En este ejemplo, la segunda fila contiene 4 celdas de datos con la siguiente información:
El código para esta fila se vería así:
<tr>
<td>Angel Herwitz</td>
<td>34</td>
<td>$24.000</td>
<td>$9.000</td>