domingo, 18 de febrero de 2018

HTML: Tablas


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.