Usando a Tag <img>
A tag <img> é usada para inserir imagens, incluindo GIFs, em uma página HTML. Para inserir um GIF, você usa a mesma tag e especifica o caminho para o arquivo GIF. Veja o exemplo abaixo:
GIF inserido com a tag <img>.
Atributos da Tag <img>
- src: Define o caminho para o arquivo GIF. Pode ser um caminho relativo ou absoluto.
- alt: Fornece uma descrição alternativa da imagem. Importante para acessibilidade e SEO.
- width: Define a largura da imagem. Pode ser em pixels ou porcentagens.
- height: Define a altura da imagem. Pode ser em pixels ou porcentagens.
Exemplos de Uso
GIF com largura de 300 pixels.
GIF com altura de 200 pixels.
GIF redimensionado para 50% da largura do contêiner.
Conclusão
Inserir GIFs em HTML é tão simples quanto inserir qualquer outra imagem com a tag <img>. Utilize os atributos para ajustar o tamanho e fornecer descrições alternativas.