Leccion 3 Incorporaci\363n de im\341genes)

LENGUAJE HTML
TECNOLOGÍA
INCORPORACIÓN DE IMÁGENES
LECCIÓN
Lección 3
Formatos gráficos
Los formatos gráficos más utilizados en la Web son:
•
GIF - permite:
o visualizar la imagen a medida que se va descargando
o presentar la imagen con un color de transparencia
o realizar animaciones
o utilizar imágenes de hasta 256 colores
•
JPEG – permite:
o utilizar imágenes de hasta 16,7 millones de colores
o presentar la imagen de forma progresiva
o no permite realizar animaciones
•
PNG – (cada vez más utilizado en lugar del GIF) permite:
o una ata compresión y reproducción progresiva
o utilizar más de 16,7 millones de colores
Si tenemos una imagen con un formato diferente, se pueden
transformar en uno de estos formatos, utilizando un editor de imágenes y
guardándolo con el formato adecuado.
Para ver más información y ejemplos sobre los formatos
gráficos,
se
puede
visitar
la
Web:
http://www.conganat.org/iicongreso/comunic/008/graf.htm
Para vincular las imágenes a los archivos HTML se realiza mediante la
etiqueta <IMG>.
Se debe indicar dónde se encuentra el archivo gráfico, en el mismo
ordenador donde se encuentra la página o en una dirección de red
local o de Internet.
Las imágenes se deben situar en la misma carpeta o en una
subcarpeta, del lugar donde se encuentra la página Web.
El atributo fundamental de esta etiqueta es SRC, y aquí se indica el
origen de la imagen, es decir, dónde está situada.
Otro atributo fundamental es ALT, que permite colocar un texto
alternativo a la imagen.
PDF Created with deskPDF PDF Writer - Trial :: http://www.docudesk.com
3
LENGUAJE HTML
TECNOLOGÍA
INCORPORACIÓN DE IMÁGENES
LECCIÓN
Ejemplos:
1. Se hace referencia a la ubicación de la imagen en la página
Web, en una subcarpeta del mismo sitio Web.
o <IMG SRC=”images/Terra.gif” ALT=”[Terra.gif-3kb]”>
2. Se hace referencia a una imagen situada en una página Web de
un lugar de Internet
o <IMG SRC=http://www.domini.net/images/image.gif>
3. Se hace referencia a la ubicación local exacta de la imagen
o <IMG SRC=”C:/Elweb/Images/Imatge.gif”>
Se debe tener en cuenta que para especificar la ruta, la barra que
escribimos es /.
PDF Created with deskPDF PDF Writer - Trial :: http://www.docudesk.com
3