Elas ajudam a criar um visual atraente e impactante, além de complementar o conteúdo.
Manipular imagens em HTML
Embora as tags mais usadas são <img>, <picture>, <figure> e <canvas>. Vamos dar uma olhada em cada uma delas e suas funcionalidades.
<img> - Tag de imagem
Ela permite adicionar imagens de qualquer formato, como JPEG, PNG e GIF, e definir sua largura e altura.
<picture> - Tag de imagem responsiva
A tag <picture> é uma opção mais avançada para manipular imagens em HTML5. Ela permite carregar diferentes imagens com base na resolução da tela, tamanho do dispositivo e largura do contêiner.
<figure> - Tag de figura
A tag <figure> é usada para agrupar imagens e outros elementos de mídia, como áudio e vídeo, em um único contêiner.
<canvas> - Tag de desenho
A tag <canvas> é uma opção avançada para manipular imagens em HTML5 que permite desenhar imagens e gráficos em tempo real usando JavaScript.
Aprenda HTML5!
Confira nosso artigo completo sobre as imagens em HTML5 clicando abaixo!