Imágenes
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
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.
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
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
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
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
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).