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 Cadena:

debe indicar ruta, nombre y
extensión de la imagen.
alt Texto alternativo en caso que no
se muestre la imagen.
border Grosor del borde
Ruta, nombre y extensión.
Cadena
Valor entero en Pixeles

width Ancho de la imagen Valor entero en pixeles

height Alto de la imagen Valor entero en pixeles

align Alinea la imagen y ajusta el right, left

texto.
 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).