Imágenes.

Presentación del tema: "Imágenes."— Transcripción de la presentación:

1 Imágenes

2 Como insertar imágenes.
Para insertar una imagen en un documento HTML se utiliza la etiqueta <img>. Esta etiqueta es solo de inicio no tiene a la etiqueta de fin. Sintaxis. <img lista de atributos> Atributo Operación Valores src Indica la ruta de la imagen. Se debe indicar ruta, nombre y extensión de la imagen. Cadena: Ruta, nombre y extensión. alt Texto alternativo en caso que no se muestre la imagen. Cadena border Grosor del borde Valor entero en Pixeles width Ancho de la imagen Valor entero en pixeles height Alto de la imagen align Alinea la imagen y ajusta el texto. right, left

3 Insertar imagen. La etiqueta <img> indica que se inserta una imagen, pero de forma explicita el atributo src es quien realiza la inserción indicando la ruta, nombre y extensión de la imagen.3 Ruta, Nombre y extensión de la imagen.

4 Configurando texto alternativo.
Para agregar un texto alternativo se debe configurar el atributo alt de la etiqueta <img> Con imagen visible Con imagen no visible

5 Imagen con Borde. La etiqueta <img> puede agregar un borde a la imagen configurando el atributo border, cuyo valor debe ser en píxeles. Configuración de un borde de 5 píxeles para la imagen del documento

6 Configurando alto y ancho de la imagen
Para configurar el ancho y el alto de una imagen se utilizan los atributos: width y height Imagen con dimensiones originales Imagen con dimensiones modificadas por los atributos width y height

7 Alineación de imágenes. Texto - imagen
Si deseas alinear una imagen se debe utilizar el atributo align de la etiqueta <img>. El texto se redacta antes que la imagen. Alineacion a la izquierda de la imagen despues del texto

8 Alineación de imágenes. Imagen - Texto
En este caso la imagen es alineada a la izquierda, pero es colocada antes que el texto, y El efecto de este orden de aparición en el documento entre la imagen y el texto, es mostrado en la imagen. Un efecto similar sucedería si la alineación de la imagen es a la derecha (right).