El documento describe cómo crear tablas en HTML utilizando las etiquetas <table>, <tr>, <td>, y cómo establecer atributos como el ancho, alto, borde, espaciado entre celdas y rejilla de celdas. También explica cómo agregar líneas horizontales con la etiqueta <hr> y configurar su anchura, altura, alineación y efectos de sombreado.

1. ETIQUETAS HTML
MAQUETACION
CON TABLAS

2. TABLAS
Las tablas son útiles para componer la página y
para presentar datos tabulares.
Con <table>......</table> Define dónde comienza y
termina la tabla.
<tr>......<tr> determina cada una de las filas de la tabla
<td>......</td> determina cada una de las columnas
dentro de las filas

4. <table width="XX%"> Determina la anchura de la tabla.
Puede darse en píxeles
(no lleva el símbolo %), o en porcentaje de la página.
<table height="XX> Determina la altura de la tabla en
píxeles.
<table border="X"> Establece el grosor en píxeles del
borde de la tabla
<table cellspacing="X"> Define el espacio en píxeles
entre las celdas
<table cellpadding="X"> Define el espacio en píxeles
entre el borde y el texto

5. <td rowspan="2">&nbsp;</td> une dos celdas de
dos filas adyacentes, en una
única celda.
<td colspan="2">&nbsp;</td> une dos celdas de
dos columnas adyacentes en una
sola celda.
Dentro de cada celda se puede alinear el texto o
cualquier contenido, cambiar el
color de fondo, con las etiquetas habituales para
texto, párrafos o imágenes.

6. LINEAS HORIZONTALES
SEPARADORA

Esta líneas, me sirven para separar cualquier tipo de
cosas que quiera poner en mi pagina, ya sea para
separar una imagen de un lista o lo que sea.
Por ejemplo: yo en mi pagina quiero poner un párrafo y
una opinión de alguien, pongo mi párrafo y una línea en
el medio para separar el párrafo de la opinión.

7. <hr> línea horizontal.
<hr width="x%"> anchura de la
línea en porcentaje.
<hr width=x> anchura de la línea
en píxeles.
<hr size=x> altura de la línea en
píxeles.
<hr align=center> línea alineada
en el centro.
<hr align=left> línea alineada a la
izquierda.
<hr align=right> línea alineada a
la derecha.
<hr noshade> línea sin efecto de
sombra.
</hr>