Capítulo 6: Tablas

Estructura de una Tabla (<table>, <tr>, <td>, <th>)

Las tablas en HTML se crean utilizando la etiqueta <table>, que contiene filas (<tr>) y celdas (<td> para datos y <th> para encabezados). Las tablas son útiles para organizar información en un formato de filas y columnas.

html

Encabezados y Títulos de Tabla (<caption>, <thead>, <tfoot>)

Podemos añadir un título a la tabla con <caption>, y organizar las secciones de encabezado y pie de la tabla usando <thead> y <tfoot>. Esto ayuda a hacer que la tabla sea más comprensible y fácil de mantener.

html

Fusionar Celdas (colspan, rowspan)

HTML permite fusionar celdas horizontalmente usando colspan y verticalmente con rowspan, ideal para títulos que abarcan varias columnas o filas.

html

Creación de Tablas Responsivas

Para crear tablas que se adapten a diferentes tamaños de pantalla, podemos aplicar CSS como overflow-x: auto; a un contenedor que envuelva la tabla. Esto permite que la tabla se desplace horizontalmente en dispositivos más pequeños.

html

Cierre del Capítulo

Con el conocimiento sobre tablas, ahora puedes organizar datos de manera estructurada en tus páginas web. En el próximo capítulo, aprenderemos cómo crear formularios interactivos y recolectar datos de los usuarios.