Pagina web tabla

		ANIMALES
CLASIFACION	NOMBRE	IMAGEN	SONIDO	CARACTERISTICAS
Mamifero	Leòn		ESCUCHAR	DESCARGAR VISUALIZAR
Mamifero	Cebra		ESCUCHAR	DESCARGAR VISUALIZAR
Mamifero	Hipopotamo		ESCUCHAR	DESCARGAR VISUALIZAR
Mamifero	Burro		ESCUCHAR	DESCARGAR VISUALIZAR
Mamifero	Ñu		ESCUCHAR	DESCARGAR VISUALIZAR
Mamifero	Foca		ESCUCHAR	DESCARGAR VISUALIZAR
Mamifero	Ornitorrinco		ESCUCHAR	DESCARGAR VISUALIZAR
Reptil	Cocodrilo		ESCUCHAR	DESCARGAR VISUALIZAR
Reptil	Pitòn		ESCUCHAR	DESCARGAR VISUALIZAR
Reptil	Anaconda		ESCUCHAR	DESCARGAR VISUALIZAR
Reptil	Mamba Negra		ESCUCHAR	DESCARGAR VISUALIZAR
Viviparo	Piraña		ESCUCHAR	DESCARGAR VISUALIZAR
Roedor	Perro de indias		ESCUCHAR	DESCARGAR VISUALIZAR

Tablas

Objetivo: conocer la forma en la cual se generan las tablas, sus filas, columnas y formato de la misma, atravez de html para el diseño de paginas web.

y
filas y
columnas y

Formato de la tabla

ATRIBUTO SIGNIFICADO POSIBLES VALORES
Width Ancho de la tabla un numero acompañado de %
cuandose desee en este
formato.
Height Altura de la tabla Un numero acompañado de %
cellpadling Espacio entre el
contenido de
la celda y el borde Un numero
cellpacing Espacio entre celdas Un numero
border Grosor del borde Un numero
align Alineación de la pag.
Dentro de la tabla Left,right,center
bgcolor Color de fondo Un numero hexadecimal
background Imagen de fondo Un numero hexadecimal
bordercolor Color del borde Un numero hexadecimal

Formato de la celda


ATRIBUTO SIGNIFICADO POSIBLES VALORES
Width Ancho de la celda


Height Altura de la celda

align Alineación horizontal left,rigth,center
del contenido
valign alineacion vertical baseline,botton,middel,top
de la celda

bgcolor Color de fondo Un numero hexadecimal

background Imagen de fondo Un numero hexadecimal

bordercolor Color del borde Un numero hexadecimal

Bseline(linea de base)
Btton(inferior)
Mddle(medio)
Top(superior)

Encabezados de columna

Destinos de enlace

Enlace

name-atributo

El destino del enlace determina en que ventana va a ser abierta la pagina vinculada, se especifica atravez del atributo "target", al que se le pueden designar los siguientes valores:

1)_blank:abre el documento en una ventana nueva
2)_parent:abre el documento en la ventana que contiene el vinculo
3)_self:abre abre el documento en el mismo marco o ventana que el vinculo
4)_top: abre el documento en la ventana completa del navegador

Ejemplo:yahoo

Formatos de los enlaces

link
alink
vlink

Puntos de fijacion o anclas

Cuando se tienen documentos extensos es preferible ir al apartado deseado en el lugar de desplazarse.
Ejemplo:
Para instalar un punto de fijacion dentro del mismo documento
comentario
Archivo dentro de la misma carpeta.

contenido
contenido
cont
cont
cont

Caracteres especiales

Objetivo: conocer los caracteres especiales que se utilizan en el diseño de paginas web con html.

Una pagina web, se a de ver en distintos paises que usan conjunto de caracteres diferentes. El lenguaje html nos ofrece un mecanismo por el que podemos estar seguros, que una serie de caracteres raros, se va a ver bien en todos los ordenadores, independientemente de su juego de caracteres especiales, cuando queremos colocar uno de estos caracteres en una pagina debemos sustituirlos por el codigo.

Ejemplo:

á->"á"
é->"é"
ú->"ú"

ú->"ù"

û->"ü"
â->"ä"
ê->"ë"
î->"ï"

¿->"¿"

Enlaces (hypervinculos)

objetivo: Conocer las formas en la cuales se generan un hypervinculo en html

Un enlace puede ser facilmente detectado en una pagina. basta con deslizar el puntero del mause sobre las imagenes o el texto y ver como cambia su forma original transformándose por regla general, en una mano con un dedo señalador.
Para colocar un enlace nos serviremos de la etiqueta , dentro de la etiqueta de apertura deberemos especificar el destino del enlace, este destino sera introducido bajo la forma del atributo, el cual lleva por nombre href

Destino: sera una pagina, un e-mail o un archivo.
la función del destino en los enlaces son agrupados el siguiente modo:

*Enlaces internos: los que se encuentran dentro de la misma pagina
*Enlaces locales: se dirigen a otra pagina del mismo sitio
*Enlaces remotos: dirigidos hacia paginas de otros sitios
*enlaces con dirección de correos: para crear un mensaje de correo, dirigido a una direccion.
*Enlaces con archivos: para que los usuarios puedan hacer descargas de ficheros.

Enlaces internos
Para crear un enlace de este tipo es necesario, aparte del enlace de origen propiamente dicho un segundo enlace que sera colocado en el destino.

Queremos crear un enlace que apunte al final de la pagina
ir abajo
El contenido el enlace es el texto ir abajo, el destino: abajo, # el simbolo que especifica al navegador que el enlace apunta a un destino.
En segundo lugar hay que generar un enlace en el destino


Enlaces locales

contenido
ay que tener cuidado en usar la barra en lugar de la contrabarra.

El lugar de los enlaces pueden a su vez apuntar, ya no a la pagina en general, si no mas precisamente a una secion concreta. Este tipo de enlaces resultan ser un hibrido de interno y local, la sintaxis es de tipo:
contenido

Enlaces remotos
simplemente colocamos en el atributo href e nuestra etiqueta a la url o la direccion de la pagina con la que queremos enlazar.
yahoo

Enlaces de direccion de correo
En el atributo href del enlace, antes de la direccion de correo escribimos "mailto"
amadofc@yahoo.com

Enlaces con archivos
Si queremos enlazar con un archivo mi_fichero.zip que se encuentra en el mismo directorio que la pagina, escribimos el enlace
Descargar