Etiquetas Html

ETIQUETAS PARA INSERTAR IMÁGENES

La etiqueta <Img></Img> en html se utiliza para la inserción de imágenes, en nuestros documentos Web, ya sea un blog, una web clásica, un portal, cualquier sitio que necesite una imagen debe introducir esta etiqueta.

Atributos de la etiqueta Img

Existen, varios atributos para esta etiqueta, aunque esencial es sólo uno, el atributo Src.

• Src=”localización de la imagen”. Con este atributo indicamos donde está guardado nuestro archivo de imagen .jpg, .gif o .png.

• Alt=”Texto explicativo”. El alt es el texto que se muestra cuando posicionamos el curso encima de la imagen.

• Width y Height. Estos dos atributos se utilizan para modificar el Ancho y el Alto de la imagen en pixel, pero no es aconsejable ya que es aconsejable hacer las modificaciones pertinentes antes de insertar la imagen.

• Border. Con esta opción podemos poner o quitar un pequeño marco alrededor de la imagen, con Border=”0″, se elimina dicho borde.

Dimensiones (WIDTH y HEIGHT)

En los ejemplos vistos hasta ahora, no hemos especificado las medidas de la imagen que el navegador se ha encargado de buscar automáticamente. Es posible definir la anchura y la altura de la imagen gracias a los atributos width y height, respectivamente:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 ALT="Obra de K. Haring">

donde WIDTH=178 es la dimensión horizontal (ancho) de la imagen expresada en píxel, y HEIGHT=180 la dimensión vertical (alto).

Mediante estos atributos podemos definir dimensiones diferentes de las que realmente tiene la imagen. En cualquier caso, es aconsejable insertar imágenes con su tamaño efectivo sobre todo si están en formato GIF, dado que, cuando se cambian las medidas, este formato pierde mucha calidad.

Bordes (BORDER)

Con el atributo BORDER podemos aplicar un borde a la imagen. Los valores son numéricos y van expresados en píxel. Si impostamos el valor BORDER en 0, la imagen no va recuadrada. Cuando omitimos este atributo, el navegador no aplica ningún borde, pero si la imagen es también un enlace automáticamente se le asignará un BORDER=1. La sintaxis correcta es:

<IMG SRC="immagine.gif" WIDTH=178 HEIGHT=180 BORDER=2 ALT="Obra de K. Haring">

...