wwww

5.8 - Imágenes

Imágenes en los documentos HTML

Una de las características principales del lenguaje HTML y de la WWW es la introducción de elementos multimedia, en este apartado veremos como introducir gráficos y ficheros de imágenes en un documento HTML.
En un documento HTML se puede incluir cualquier imagen en alguno de los siguientes formatos gráficos: GIF, JPEG ó XBM. Elformato más extendido y practico es el GIF, todos los navegadores gráficos de la Web soportan este formato, además existen gran cantidad de programas de tratamiento de gráficos que permiten grabar los gráficos o convertir gráficos a GIF. Este formato, así mismo, utiliza algoritmos de compresión que hacen que sus ficheros sean de corto tamaño y apropiados para su transmisión por la red.
Elformato GIF es más recomendado para iconos, gráficas, ... y el formato JPEG es más útil para imágenes reales como paisajes, personas, ...
Para poder utilizar otro formato gráfico, necesitará usar un enlace cuyo destino sea el fichero del gráfico. Al seguir el enlace se le pedirá que indique un programa externo que se encargue de mostrar los ficheros de ese formato gráfico, por lo tanto nopueden insertarse dentro de documentos HTML..
Existe unos casos especiales en las imagenes GIF, que son las imágenes transparentes y las imágenes animadas.
Inclusión de Imágenes

La etiqueta encargada de mostrar imágenes en HTML es IMG y tiene el siguiente formato:

En el punto del fichero HTML en el que queramos que se muestre la imagen incluimos esta etiqueta. Se puedemostrar la imagen, al comienzo del documento, al final o intercalada en el texto. Igualmente se puede insertar una imagen dentro de cualquiera de las estructuras del lenguaje HTML como listas, tablas o formularios. Esta etiqueta no necesita la etiqueta de fin, ya que el efecto de la etiqueta no su produce sobre un texto o algún elemento HTML.
El atributo SRC indica el fichero de imagen quese incluirá en el documento. Se indicará el camino hasta la imagen en formato URL, el fichero de la imagen deberá tener una extensión apropiada a su formato, por ejemplo si es GIF la extensión será .gif, si es JPEG la extensión será .jpg o .jpeg, si no se cumple esto la imagen no se mostrará de forma correcta.
Al definir la imagen como una URL, esta imagen no es necesario que se encuentre enel servidor local, pudiendo especificar el camino completo y el servidor donde se encuentra la imagen. En este caso al igual que en los hiperenlaces es posible indicar direcciones de URL relativas al documentos actual, como se vio en el apartado anterior.
Lo normal es referenciar una imagen que se encuentre en el servidor local, ya que el acceso a imágenes en servidores externos puede sermás lento. Por tanto conviene copiar las imágenes e iconos que se usen al servidor local.
A continuación se explica la utilidad de cada unos de los atributos de la etiqueta IMG.
Texto alternativo

El atributo ALT, indicará un texto alternativo a mostrar si no fue posible mostrar la imagen. Se usa para navegadores que no permitan mostrar imágenes, sean solo texto o tengainhabilitado el mostrar imágenes. Se recomienda cuando existan en el documento imágenes usadas como botones, para mostrar un texto en vez del botón en navegadores que no puedan mostrar gráficos, de esta forma se consigue que todos los usuarios puedan consultar sus páginas.
Alineación de la imágen

Indica como se alinea el texto que sigue a la imágen con respecto a esta. Indicará si la primerafrase del texto se colocará en la parte alta de la imágen, TOP, en el punto medio de la imagen, MIDDLE, o en la parte de abajo de la imágen, BOTTOM.
Tambien se pueden utilizar alineaciones un poco más avanzada, TEXTTOP se alinea justo al comienzo del texto más alto de la línea (TOP se alinea al tamaño del primer carácter de la línea). ABSMIDDLE, es el centro real de la imagen, con MIDDLE se...