Please enable JavaScript.

Coggle requires JavaScript to display documents.

TABLAS EN HTML - Coggle Diagram

- - - - El atributo scope provee un mecanismo para indicar explícitamente a qué celdas afecta una celda de encabezado. Este atributo solo puede ser declarado en una celda de encabezado y tomar los valores "col", "row", "colgroup" y "rowgroup".
      - EL TÍTULO
        
        El título de una tabla es otro componente que aporta a la legibilidad. Mientras que algunas tablas, debido a su estructura o simplicidad, pueden sobrevivir sin un título, otras lo necesitarán inexorablemente. En cualquier caso, el título de una tabla puede mejorar pero nunca empeorar.
        
        UNIFICACIÓN DE CELDAS
        
        La unificación de celdas es un mecanismo mediante el cual un autor puede combinar o fusionar dos o más celdas adyacentes (<td> y<th>) en una tabla.
        
        Ahora probaremos el atributo rowspan. Aunque la idea de unificación es la misma (excepto por la dirección), la estructura de las tablas en HTML hace que la unificación vertical sea un tanto diferente. .
        
        AGRUPACIÓN DE FILAS
        
        HTML provee tres elementos que pueden ayudar a los autores a organizar la información presentada en una tabla. Éstos son: <thead>, para agrupar las filas que presentan información de encabezado; <tfoot> para contener a las filas que representan un pie o resumen; y<tbody>, para representar un bloque de filas que consiste en un cuerpo de datos
        
        AGRUPACIÓN DE COLUMNAS
        
        Las columnas de una tabla que están de alguna manera relacionadas pueden ser agrupadas con el elemento <colgroup>.
        
        El elemento <colgroup>, solo o conformando un bloque, debe ser declarado al comienzo de la tabla, luego de su etiqueta de apertura y de su título (<caption>), si éste está presente.
        
        PRÁCTICA
        
        Una vez que tu archivo está listo, comenzaremos por insertar un título (<h1>) y un párrafo (<p>) con una pequeña descripción acerca de la información que vamos a presentar. Esto se añadirá al cuerpo del documento (<body>). Como anteriormente, sólo mostraremos el contenido del cuerpo (<body>) en los ejemplos siguientes, con el fin de reducir su longitud. Pero recuerda que deberías tener el encabezado (<head>) y los otros elementos en tu archivo.
        
        Esto es solamente un arrancador. Ahora agregaremos la tabla (<table>). Antes de tomar cualquier decisión, crearemos las etiquetas de apertura y cierre de la tabla (<table>), un elemento <caption> que proveerá una descripción de la tabla, y una fila (elemento <tr>) que, por ahora, no tendrá ninguna celda.
        
        Entonces, para hacer que la tabla sea más legible haremos que estas divisiones sean claramente palpables, al agregar una celda de encabezado encima de cada grupo <tbody>. Esta operación consistirá en la inserción de una fila justo después de cada etiqueta de apertura de los elementos <tbody>,
        
        Los cuerpos de las tablas tienen dos particularidades: primero, que puede haber más de un cuerpo en una misma tabla; y segundo, que el elemento <tbody> puede ser omitido cuando la tabla tiene solamente un cuerpo.