1. Table Row.
Etiqueta
contenedora de
cada fila de la
tabla.
CÓDIGOS DE
TABLAS EN
HTML
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.v
Etiqueta <table> <tr> <td><th>
Descripción
Etiqueta
contenedora que
tendrá en su
interior toda la
tabla.
Table Data. Cada
una de las celdas
de la tabla.
Table Header.
Cada una de las
celdas de cabecera
de la tabla.
2. CÓDIGO DE TABLAS
CON IMÁGENES EN
HTML
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.
<table> <thead> <tr>
<th>Texto</th
>
<th>Image
n</th>
</tr> </thead> <tr>
<td></td> <td></td>
<td></td
</tr> ... </table>
3. CÓDIGO DE TABLA
CON BORDE EN HTML
none: sin borde (por
defecto);
solid: una sola línea
sólida
double: con doble
borde;
dashed: una línea
discontinua;
dotted: una línea de
puntos;
groove: una línea
estriada;
oridge: 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)
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
Rutas de enlaces
Las rutas absolutas son las que
definen la ubicación completa de un
archivo en la web y empiezan
http://nombredelsitio.com.ar/archivo.
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.Tipos de enlaces
Enlaces externos
Son los enlaces entre
diferentes sitios web. Si
queremos vincular un sitio
web con otro
Enlaces internos
anclas
Las anclas son enlaces hacia un
punto determinado dentro de
un html.
Enlaces para ampliar una imagen
Es común armar una galería de fotos
con imágenes miniaturas que
vinculan a imágenes ampliadas.
Enlaces para descargar archivos
En realidad, dentro del atributo
href="" podemos colocar la ruta
hacia cualquier tipo de archivo.
fotos</a>
Enlaces a una dirección de correo
Se puede vincular una dirección de correo para que
abra en el programa de correo predeterminado. El
código se escribe así:<a
href="mailto:info@dominio.com">Consúltenos a
info@dominio.com</a>