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
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
No hay comentarios:
Publicar un comentario