Imagens HTML

Imagens

A tag <img> define uma imagem em uma página HTML e necessita de dois atributos preenchidos: src e alt. O primeiro aponta para o local da imagem e o segundo, um texto alternativo para a imagem caso essa não possa ser carregada ou visualizada.

O HTML 5 introduziu duas novas tags específicas para imagem:<figure> e <figcaption>. A tag <figure> define uma imagem com a conhecida tag <img>. Além disso, permite adicionar uma legenda para a imagem por meio da tag <figcaption>.

<figure>
  <img src="img/produto1.png" alt="Foto do produto">
  <figcaption>Fuzz Cardigan por R$ 129,90</figcaption>
</figure>