CÓDIGOS DE TABLAS EN HTML CÓDIGO DE TABLAS CON IMÁGENES EN HTML CÓDIGO DE TABLA CON BORDE EN HTML Tipos de enlaces

1. INSTITUTO TECNOLOGICO SUPERIOR
BABAHOYO
NOMBRE:
DARWIN LÓPEZ
ASIGNATURA:
DISEÑO GRAFICO PUBLICITARIO
TEMA:
CODIGOS DE TABLAS EN HTML
IMÁGENES
BORDES
LINK O ENLACES

2. CÓDIGO 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.

3. CÓDIGO DE TABLAS EN HTML
Etiqueta
contenedora
que tendrá
en su
interior toda
la tabla.
<table> <td> <td> <tr>
Table
Header.
Cada una de
las celdas de
cabecera de
la tabla.
Table Data.
Cada una de
las celdas de
la tabla.
Table Row.
Etiqueta
contenedora
de cada fila
de la tabla.

4. <table>
<thead>
<tr>
<th>Texto</th>
<th>Imagen</th>
</tr>
</thead>
<tr>
td></td>
<td></td>
</tr>
</table>
CÓDIGO DE TABLAS CON IMÁGENES
EN HTML
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 <td> que serían las propias celdas.
Así podemos tener una tabla de dos columnas
de la siguiente forma:

5. CÓDIGO DE TABLA
CON BORDE EN HTML
none
inset
ridge
solid
dotted
dashed
double
groove
sin borde (por defecto).
una sola línea sólida.
una línea de puntos.
una línea estriada.
una línea con crestas.
inset global efecto 3D.
una línea discontinua.
con doble borde.

6. 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.
<a href=""></a>
Tipos de
enlaces
Enlaces internos
entre archivos
.HTML
Enlaces externos
Enlaces para
ampliar una
imagen
Enlaces para
descargar
archivos
Enlaces a una
dirección de
correo
Enlaces internos:
anclas

7. Gracias