IMAGENES

4. SESIÓN IMÁGENES 

 

4.1.- Imagen <img> 

 La etiqueta para incluir una imagen es la siguiente:

<IMG SRC="URL"> (no tiene etiqueta de cierre)
donde URL es la dirección de la imagen. La URL puede ser relativa o absoluta. Unos ejemplos aclararán este concepto:
<IMG SRC="gifs/nido.gif"> se verá como:  Esta es una dirección relativa.
<IMG SRC="http://spaceart.com/solar/raw/sat/saturn4.jpg"> insertaría en el lugar del documento donde hubieras puesto la etiqueta 

4.2.-Formatos de imagen   

       tienen diferentes extensiones bmp, tiff, dib, wmf, etc. <a href="URL de la imagen final"><img src="URL de la imagen que se ve con la página"></a>

4.3.- Texto alternativo

Cuando una imagen no puede ser visualizada en el navegador, cosa que puede ocurrir al especificar mal el valor del atributo src, aparece un recuadro blanco con una X roja en su lugar, junto con el nombre de la imagen.

Por ejemplo, imagina que deseamos mostrar una imagen llamada gatito.gif, con el texto alternativo Imagen gato, para ello insertamos el siguiente código:

<img src="gatito.gif" alt="Imagen gato" >

Pero hemos cometido un error, ya que dicha imagen no se encuentra en el mismo directorio que el documento actual, sino que se encuentra dentro de la carpeta imagenes. En lugar de la imagen se mostrará lo siguiente:

Si en lugar del código anterior hubiéramos insertado el siguiente código:

<img src="imagenes/gatito.gif" alt="Imagen gato" >

La imagen habría mostrado correctamente:

4.4.- Borde de una imagen 

 <img src =”mono.jpg” , border=1 >

hay diferentes bordes 

4.5.-Tamaño de una imagen 

<img src =”mono.jpg”align=left , hspace=10 , width=250 , hight=170 alt="Mono"

4.6.- Alineación de una imagen  

             ALIGN=

Nos indica la posición de la imagen respecto del texto. Después del signo igual, pueden ir los valores:
TOP si queremos que el texto esté alineado con la parte superior de la imagen
MIDDLE alinea el texto con la parte central de la imagen
BOTTOM alinea el texto con la parte inferior de la imagen
LEFT alinea la imagen a la izquierda de la página

RIGHT alinea la derecha