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)