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)

Auth0

Easy to implement, endless possibilities

With a few lines of code, you can have Auth0 by Okta integrated in any app written in any language and any framework. 🚀 Start building for free today.

Sign up now

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay