Imágenes (XHTML) - IES Dionisio Aguado

Imágenes (XHTML)
Html nos ofrece la etiqueta <img> para colocar cualquier imagen en el cuerpo de la página
web. esta etiqueta posee los siguientes parámetros:
Html nos ofrece la etiqueta <img> para colocar cualquier imagen en el cuerpo de la página
web. esta etiqueta posee los siguientes parámetros:
- src: indica el nombre del archivo que contiene la imagen que deseamos insertar.
- EJEMPLO: <img src=”Lugar de la imagen” alt=”descriptor” >
Ejemplo:
<img src=”mundo.jpg” alt=”mundo” >
En este caso la imagen está en la carpeta del fichero html
<img src=”imagenes/mundo.jpg” alt=”mundo” >
En este caso la imagen está en una carpeta diferente a la del fichero html
<img src=”http://sera.dd.es/fotos/mundo.jpg” alt=”mundo” >
En este caso la imagen está en un servidor externo.
- align: este atributo indica la alineación de la imagen respecto de la línea base de texto
en la que se encuentra o respecto de la ventana del navegador. los valores posibles son:
1. right :Imagen ajustada al borde derecho de la ventana del navegador.
2. left :coloca la imagen junto al borde izquierdo de la ventana del navegador.
3. top :ajusta el borde superior de la imagen con la línea base de la línea de texto.
4. bottom (ajusta el borde inferior de la imagen con la línea base de la línea de texto.
5. middle (ajusta el centro vertical de la imagen con la línea base de la línea de texto). la
línea base de una línea de texto es la línea imaginaria sobre la que se apoyan los caracteres; la
letra b está apoyada en la línea base, mientras que el rabillo de la letra p está por debajo de la
línea base.
- • alt: Obligatorio en XHTML :indica qué texto queremos mostrar en la página web
mientras termina de descargarse la imagen, en navegadores que tienen desactivada la opción
de mostrar las imágenes o en navegadores que muestran mensajes de texto al colocar el
puntero sobre una imagen.
- width: indica el ancho en píxeles de la imagen. es aconsejable utilizar esta opción para
que el navegador sepa cuánto espacio horizontal debe reservar para la imagen y pueda colocar
correctamente el resto de los elementos de la página mientras termina de descargar el archivo
de la imagen.
- height: indica la altura de la imagen en píxeles.
1/1