Una tabla HTML es una forma gráfica de representar información de manera esquemática, ordenada y compacta.
Etiquetas básicas para tablas
- <table>: Indica el inicio y el cierre de la tabla.
- <tr>: Representa una nueva fila de la tabla.
- <td>: Es la etiqueta de último nivel y se traduce en una celda de datos en la tabla.
Atributos para <td>
- colspan: espera un valor entero que especifique cuántas columnas ocupa la celda.
- rowspan: espera un valor entero que especifique cuántas filas ocupa la celda.
Otras etiquetas para tablas
- <th>: Sirve para añadir semántica, y sustituye la etiqueta <td> para celdas de cabecera. Es posible utilizarlas en cualquier punto de la tabla, aunque su uso se recomienda para las primeras y las últimas filas y columnas de la tabla. Sirven también los atributos colspan y rowspan.
- <thead>: Agrupa una o más filas de cabecera.
- <tbody>: Se utiliza para agrupar filas de cuerpo.
- <tfoot>: Agrupa las filas del pie de la tabla.
- <caption>: Añade un título sobre la tabla.
- <colgroup> y <col>: Sirven para agrupar columnas. La etiqueta <col> no tiene etiqueta de cierre.
Atributos para <colgroup> y <col>
- - span: indica el número de columnas que se agruparán.