- Las Tablas sirven para encolumnar y estructurar el texto y las imágenes con mas precisión.
- las marcas que se usan son:
- <TABLE> </TABLE> Al inicio y al final
- <TR> </TR> Definen las filas
- <TD> </TD> Definen las columnas
- Las estructuras de una tabla es muy versátil
- Las marcas de una tabla son jerárquicas: una tabla tiene una o más filas cada una de las filas está divididas en una o más columnas.
<table border="1">
<tr>
<td>texto 1</td>
<td>texto 2</td>
<td>otra columna</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
Atributos de una tabla:
align: Alinea horizontalmente la tabla con respecto a su entorno.
background: Nos permite colocar un fondo para la tabla a partir de un enlace a una imagen.
bgcolor: Da color de fondo a la tabla.
border: Define el número de pixels del borde principal.
bordercolor: Define el color del borde.
cellpadding: Define, en pixels, el espacio entre los bordes de la celda y el contenido de la misma.
cellspacing: Define el espacio entre los bordes (en pixels).
height: Define la altura de la tabla en pixels o porcentaje.
width: Define la anchura de la tabla en pixels o porcentaje.
Link:https://desarrolloweb.com/articulos/629.php
Atributos de una tabla:
align: Alinea horizontalmente la tabla con respecto a su entorno.
background: Nos permite colocar un fondo para la tabla a partir de un enlace a una imagen.
bgcolor: Da color de fondo a la tabla.
border: Define el número de pixels del borde principal.
bordercolor: Define el color del borde.
cellpadding: Define, en pixels, el espacio entre los bordes de la celda y el contenido de la misma.
cellspacing: Define el espacio entre los bordes (en pixels).
height: Define la altura de la tabla en pixels o porcentaje.
width: Define la anchura de la tabla en pixels o porcentaje.
Link:https://desarrolloweb.com/articulos/629.php
colspan "número" Número de columnas que la celda abarcará.
rowspan "número" Número de filas que la celda abarcará.
headers "ids" Id de los elementos <th> con los que tiene relación la celda.
scope (solo <th>) "row" La cabecera se aplica a alguna de las filas adyacentes.
"col" La cabecera se aplica a alguna de las columnas adyacentes.
"rowgroup" La cabecera se aplica a todas las celdas restantes de la fila.
"colgroup" La cabecera se aplica a todas las celdas restantes de la columna.
"auto" La cabecera se aplica a las celdas de forma automática.
abbr (solo <th>) "nombre" Abreviatura o información alternativa sobre la cabecera.
LINK: https://lenguajehtml.com/p/html/semantica/etiquetas-html-de-tablas#top
LINK: https://lenguajehtml.com/p/html/semantica/etiquetas-html-de-tablas#top
<th> viene de table header cell
que significa celda de encabezado de tabla.
-Para disponer un título a una tabla debemos incorporar el elemento caption inmediatamente
después que abrimos la marca table. (<caption> </caption>)
-El elemento td o th dispone de dos propiedades llamadas rowspan y
colspan. Son útiles para cuando se necesita que una celda ocupe el lugar de dos o mas celdas , a estas propiedades se les asigna un valor entero a partir de 2
Si queremos que una celda ocupe tres columnas luego inicializamos la
propiedad colspan con el valor 3:
<td
colspan="3">Facturación de los últimos tres
meses</td>
Si por el contrario queremos que una celda se extienda a nivel de filas
luego hacemos:
<td
rowspan="3">Secciones</td>
<tr>
<td
rowspan="4">Recursos</td><td
colspan="4">Facturación
de los últimos tres meses</td>
</tr>
