Please enable JavaScript.
Coggle requires JavaScript to display documents.
TABLAS DE HTML, image, image - Coggle Diagram
TABLAS DE HTML
Agrupación de Columnas
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.
Los elementos <colgroup> declarados al comienzo reflejan la misa estructura recién explicada: un <colgroup> para los encabezados,
el elemento <colgroup> se puede utilizar para agrupar columnas si se refieren a un mismo producto o si representan una misma magnitud, pero no debe ser usado simplemente para hacer que tengan el mismo aspecto (para eso está el elemento <col>).
Las columnas de una tabla que están de alguna manera relacionadas pueden ser agrupadas con el elemento <colgroup>.
-
Concepto
Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. Este concepto ha estado presente en nuestra sociedad por un largo período de tiempo y ha sido adoptado por HTML en sus etapas iniciales, como una forma de transmitir información que, de otro modo, no sería comprendida tan fácilmente
Como muchas otras estructuras de HTML, las tablas son construidas utilizando elementos. En particular, una tabla básica puede ser declarada usando tres elementos, a saber, table (el contenedor principal), <tr> (representando a las filas contenedoras de las celdas) y <td>(representando a las celdas).
El Titulo
En HTML, los títulos de las tablas son insertados mediante el elemento <caption>, justo después de la etiqueta de apertura de la misma y antes que todos los demás elementos de su estructura.
La idea de un título es la de proveer una descripción concisa acerca de la información presentada en la tabla o su propósito, aportando contexto y haciéndola significativamente más fácil de comprender.
l 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.
Unificación de Celdas
La idea detrás de este mecanismo se explica por sí misma: cuando el atributo colspan es establecido en una celda, indica a los intérpretes que la misma debe abarcar, no solamente su propio espacio, sino también el espacio de un número de celdas contiguas hacia su derecha.
Utilizando los atributos <colspan>, para unificación horizontal, y <rowspan>, para unificación vertical.
Lo mismo sucede para el atributo rowspan pero hacia abajo. Debido a la estructura de las tablas en HTML, La unificación sólo puede hacerse hacia la derecha o hacia abajo.
a 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.
Esto significa que si una celda en la primera fila abarca el espaio de tres celdas verticalmente, las filas dos y tres tendrán una celda faltante cada una. Veámoslo con un ejemplo.
Agrupación de Filas
HTML provee tres elementos que pueden ayudar a los autores a organizar la información presentada en una tabla.
-
<tbody>, para representar un bloque de filas que consiste en un cuerpo de datos.
-
Cuando una tabla tiene múltiples cuerpos, cada cuerpo debe agrupar filas que están temáticamente relacionadas.
El Atributo Scope
Los valores "col" y "row" indican que la celda de encabezado provee información para el resto de las celdas en la columna o fila (respectivamente) en que está presente.
La presencia del atributo scope ha dejado en claro que las celdas afectadas por este encabezado son aquellas en la misma fila.
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".
Celdas de Encabezado
-
Las celdas de encabezado, representadas por el elemento <th>, son ubicadas en la primera fila de la tabla, encima de las celdas comunes.
Una celda de encabezado es un tipo especial de celda utilizada para organizar y categorizar otras celdas en la tabla. Dicho esto, es diícil imaginar una tabla donde una celda de encabezado no tenga utilidad.
Algunos agentes, como los navegadores de voz, hacen el mismo análisis cuando deben informar al usuario qué celda de encabezado está asociada a una celda en particular
-
-
