Una tabla en HTML organiza datos en filas y columnas. Las etiquetas principales para crear una tabla son <table>, <tr> para las filas, y <td> para las celdas. Se pueden agregar imágenes, bordes de diferentes estilos, y enlaces (links) internos y externos a otras páginas o sitios web.

1. CÓDIGOS DE TABLAS
EN HTML
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
ETIQUETA DESCRIPCIÓN
<th>
Etiqueta contenedora que tendrá en su interior toda la tabla.<table>
Table Header. Cada una de las celdas de cabecera de la tabla.
<tr>
<td>
Table Row. Etiqueta contenedora de cada fila de la tabla.
Table Data. Cada una de las celdas de la tabla.

2. CÓDIGO DE TABLAS CON
IMÁGENES EN HTML
<table>
Si bien una de las cosas que podemos es crear tablas HTML con imágenes. Es decir, que
el contenido de las celdas de la tabla sean imágenes.
La creación básica de una tabla se realiza mediante los elementos table para reflejar la
tabla en sí, tr que representaría las filas y tdque serían las propias celdas.
<thead>
<tr>
<th>Texto<
/th>
</thead>
<th>Image
n</th>
</tr>
<tr>
<td></td>
<tr>
<td></td>
<tr>
</table>

3. CÓDIGO DE TABLA CON
BORDE EN HTML
hay varias opiniones disponibles. Tu borde puede ser una única línea sólida, una línea de
puntos o una línea discontinua. Aquí están los valores disponibles:
Para obtener un borde azul, una línea discontinua de 3 píxeles de grueso introduciré:
none: sin borde (por defecto);
solid: una sola línea sólida;
dotted: una línea de puntos;
dashed: una línea discontinua;
double: con doble borde;
groove: una línea estriada;
ridge: una línea con crestas;
inset: inset global efecto 3D;
outset: outset global efecto 3D
border-top: borde
superior;
border-bottom: borde
inferior;
border-left: borde
izquierdo;
border-right: borde
derecho;

4. CÓDIGO DE TABLAS CON
LINK O ENLACES EN HTML
Lo que caracteriza a la web como medio de comunicación es la navegación Por medio de
hipervínculos (links o enlaces). Esta conexión entre archivos permite al usuario elegir el
sentido de la navegación.
En el HTML los enlaces se marcan con la etiqueta <a></a> y el atributo principal
es href="" donde se escribe la ubicación del archivo de destino que puede estar en la
misma carpeta que el archivo que lo está llamando, en otra carpeta del mismo sitio o en
otro sitio web.
RUTAS DE ENLACES:
Se llama ruta al valor que se escribe dentro del
atributo href="" y se pueden clasificar en dos tipos:
Rutas Absolutas: Rutas Relativas:
Las rutas absolutas son las que definen la ubicación
completa de un archivo en la web y empiezan
desde http://nombredelsitio.com.ar/archivo.html (el
archivo de destino puede ser de cualquier extensión). Por
ejemplo si queremos vincular nuestro sitio con Facebook,
usaríamos una ruta absoluta y el código sería:
Las rutas relativas en cambio, definen la ubicación del
archivo de destino en relación a la ubicación del archivo
que lo está llamando. Ejemplo: si el
archivo index.html vincula con quien-soy.html y están
en la misma carpeta, el código sería asi:
<ahref="https://www.facebook.com/pagina">Estam
os en Facebook</a>. <a href="quien-soy.html">Quién soy</a>.

5. Tipos de enlaces
Existen diferentes tipos de enlaces que detallo a continuación:
Enlaces internos entre archivos .html Son los enlaces principales de un sitio.
Si en el archivo index.html, queremos agregar un vínculo a contacto.
html el código sería así:<a href="contacto.html">Contáctenos</a>.
Enlaces Externos
Enlaces internos: anclas
Enlaces para ampliar una
imagen
Enlaces para descargar
archivos
Enlaces a una dirección de
correo
Son los enlaces entre diferentes sitios web. Si queremos vincular un sitio web con
otro, tenemos que indicar la ruta absoluta del sitio escribiendo la url completa que
conviene copiarla del navegador.
Las anclas son enlaces hacia un punto determinado dentro de un html. Se usa en varios
casos, en una página de preguntas frecuentes donde las respuestas están desarrolladas
debajo de las preguntas.
Es común armar una galería de fotos con imágenes miniaturas que vinculan a imágenes
ampliadas. Si combinamos este recurso con código javascript, logramos galerías de fotos
muy atractivas.
En realidad, dentro del atributo href="" podemos colocar la ruta hacia cualquier tipo de
archivo. Si el navegador reconoce la extensión, lo abre.
Se puede vincular una dirección de correo para que abra en el programa de correo
predeterminado.