DEV Community

Cover image for Imagens no HTML
Francisco Chaves
Francisco Chaves

Posted on Edited on

Imagens no HTML

No início da Web não utilizavam imagens devido às conexões lentas que demoravam bastante para carregar, mas com o passar do tempo as conexões ficarão melhores e assim possibilitou o tráfego rápido de imagens para serem exibidas nos navegadores.

Para adicionar uma imagem no documento html utilizamos a tag img, conforme o código abaixo:

<img src="foto-do-autor.png" alt="Foto do autor">
Enter fullscreen mode Exit fullscreen mode

Como podemos observar que a tag img é self closing, ou seja, não precisa de tag de fechamento, o atributo src (source) é utilizado para indicar o caminho onde a imagem está localizada, pode ser localmente ou uma URL externa. Já o atributo alt (alternative) é um texto descrevendo a imagem, e caso a imagem não seja carregada por algum motivo o texto é exibido.

Top comments (0)