Imágenes

¿Qué sería la WWW sin imágenes? pues una BBS de las de hace unos años (porque ahora están muy perfeccionadas). Dejando a un lado estas divagaciones no podemos negar que uno de los atractivos de la WWW que la han popularizado es su vistosidad.

Aquí veremos cómo insertar imágenes en nuestros documentos HTML, pero no debemos dejar de lado algunas máximas al diseñar toda página Web:

El código para insertar imágenes es IMG y tiene un montón de atributos y aplicaciones extra como servir de base a mapas de imagen, mundos virtuales, animaciones, etc. Pero ahora nos centraremos sólo en las imágenes y dejaremos para más adelante lo otro.

En WebScope hay muchas formas de insertar imágenes (todas se describen en el archivo de ayuda, claro) pero para éste tutorial es mejor que uses el asistente de Imágenes y Objetos en la solapa de Asistentes.

<img src="fotos/rover.jpg" alt="Land Rover">

Veamos primero sus atributos...

Atributo	Descripción
ALIGN	Alineamiento de la imagen y comportamiento del texto que la rodea. No te asustes por la cantidad de valores diferentes, básicamente no utilizarás ninguno o, como mucho, "Center" o "Right", salvo para cosas muy, muy específicas. left Alinea la imagen con el margen izquierdo actual. right Alinea la imagen con el margen derecho actual. top Se alinea con el borde superior del elemento más alto de la línea. texttop Se alinea con el borde superior del texto más alto de la línea. middle La imagen queda centrada verticalmente con la base de la línea actual. absmiddle La imagen queda centrada verticalmente con la línea actual. baseline Alinea la base de la imagen con la línea base actual. bottom Alinea la base de la imagen con la de la línea actual. absbottom Alinea la base de la imagen con la parte más baja de la línea actual.
ALT	Texto alternativo de la imagen.
BORDER	Especifica el ancho del borde alrededor de la imagen. Notar que si especificamos BORDER=0 eliminaremos éste recuadro alrededor de una imagen con enlace.
HEIGHT	Especifica explícitamente la altura de la imagen. No sólo es útil para librar al navegador de calcular el tamaño de la imagen u ordenar la página para que no se produzcan saltos al cargarse, sino también para agrandar imágenes que no requieren de alta resolución y ahorrar unos KBytes...
HSPACE	Especifica el espacio o margen que ha de quedar libre a la izquierda y derecha de la imagen.
ISMAP	Indica que la imagen es un mapa de hipervínculos, administrados por el servidor.
LOWSRC	Especifica una imagen de más baja resolución que se cargará antes de la principal.
SRC	Indica la dirección del archivo de la imagen.
USEMAP	Indica que la imagen es un mapa de hipervínculos local e indica la localización URL de las zonas del mapa.
VSPACE	Especifica el espacio o margen que ha de quedar libre en la parte superior e inferior de la imagen.
WIDTH	Especifica explícitamente la anchura de la imagen.