freeCodeCamp/guide/portuguese/html/attributes/img-src-attribute/index.md

1.4 KiB

title localeTitle
Img Src Attribute Img Src Atributo

Img Src Atributo

O atributo <img src> refere-se à origem da imagem que você deseja exibir. A tag img não exibirá uma imagem sem o atributo src . No entanto, se você definir a fonte para o local da imagem, poderá exibir qualquer imagem.

Há uma imagem do logotipo freeCodeCamp, localizado em https://avatars0.githubusercontent.com/u/9892522?v=4&s=400

Você pode definir isso como a imagem usando o atributo src .


<html> 
  <head> 
    <title>Img Src Attribute Example</title> 
  </head> 
  <body> 
    <img src="https://avatars0.githubusercontent.com/u/9892522?v=4&s=400"> 
  </body> 
 </html> 

O código acima é exibido assim:

O avatar freeCodeCamp

O atributo src é suportado por todos os navegadores.

Você também pode ter um arquivo hospedado localmente como sua imagem.

Por exemplo, <img src="images/freeCodeCamp.jpeg> funcionaria se você tivesse uma pasta chamada images que tivesse o freeCodeCamp.jpeg dentro, desde que a pasta 'images' estivesse no mesmo local que o arquivo index.html .

../files/index.html

..files/images/freeCodeCamp.jpeg

Mais Informações: