Lección 09. Imágenes.

Las imágenes presentan uno de los elementos mas importantes de una pagina web, para ello HTML tiene una etiqueta propia.

La etiqueta img, la cual se escribe:

Copiar código
<img src="imagen.png" alt="imagen de gato">

Nota: Es posible que el tamaño y diseño de la imagen a mostrar no sea la deseada; no debemos preocuparnos por ello, HTML solo se encarga del contenido, CSS es el encargado del diseño y estilo.

Atributo src._

El atributo src sirve para poder encontrar la imagen por medio de su URL.

Podemos colocar URLs relativas:

Copiar código
<img src="imagen.png" alt="imagen de gato">

O absolutas:

Copiar código
<img src="https://t3.ftcdn.net/jpg/04/19/17/68/360_F_419176802_9s4AoYMfzxDt3kaSYV55whCkTB76NsHN.jpg" alt="imagen de gato">

Atributo alt._

El atributo alt es un atributo que permite al navegador obtener información sobre la imagen por medio de una descripción.

Atributo title._

Nota: Podemos agregar el atributo title con una descripción, para poder ver la descripción al colocar el cursor sobre la imagen.

Nota: También existe las imágenes que podemos colocar como fondos o imágenes decorativas detrás del texto, pero esas se colocan con CSS.

Esta etiqueta es de tipo En linea (inline).