tablas
Las tablas son un poderosa herramienta a la hora de mostrar y relacionar cierto tipo de información. Aún cuando muchos sitios son construidos sin usar una simple tabla, existen algunas ocasiones en que el valor de las tablas se vuelve esencial.
Una tabla HTML puede ser considerada, de manera simple, como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Las tablas, como toda estructura en los documentosHTML, son definidas usando elementos.
Ejemplo de horario con el uso de tablas
Se utilizara la etiqueta <table>...</table> para estructurar la tabla.
Una tabla HTML puede ser considerada, de manera simple, como un grupo de filas donde cada una de ellas contiene un grupo de celdas. Las tablas, como toda estructura en los documentosHTML, son definidas usando elementos.
Ejemplo de horario con el uso de tablas
Se utilizara la etiqueta <table>...</table> para estructurar la tabla.
<table border="2">
<tr> <td>Celda 1</td> <td>Celda 2</td> <td>Celda 3</td> </tr> <tr> <td>Celda 4</td> <td>Celda 5</td> <td>Celda 6</td> </tr> </table> |
|
Para algunas tablas puedes necesitar unificar dos o más celdas en una sola que pasará a ocupar el lugar de aquellas afectadas. Estas unificaciones pueden ser llevadas a cabo con los atributos "rowspan" (para unificación vertical) y "colspan" (para unificación horizontal)
<table border="2">
<tr> <td>Campo 1</td> <td>Campo 2</td> <td>Campo 3</td> </tr> <tr> <td colspan="2">Campos 4 y 5</td> <td>Campo 6</td> </tr> <tr> <td>Campo 7</td> <td>Campo 8</td> <td>Campo 9</td> </tr> </table> |
Atributo colspan
Atributo rowspan
|