Tablas

• Las Tablas sirven para encolumnar y estructurar el texto y las imágenes con mas precisión.
• las marcas que se usan son:

1. <TABLE> </TABLE> Al inicio y al final
2. <TR> </TR> Definen las filas
3. <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 

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

<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>