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

---
title: Img Src Attribute
localeTitle: Atributo Img Src
---
## Atributo Img Src

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

<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](https://avatars0.githubusercontent.com/u/9892522?v=4&s=400?raw=true)

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:

*   [HTML.com](https://html.com/attributes/img-src/)
*   [Escolas W3](https://www.w3schools.com/tags/att_img_src.asp)
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00			`---`
			`title: Img Src Attribute`
Fix localeTitle and line 5 (#32787) 2019-08-16 15:50:08 -03:00			`localeTitle: Atributo Img Src`
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00			`---`
Fix localeTitle and line 5 (#32787) 2019-08-16 15:50:08 -03:00			`## Atributo Img Src`
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00
			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

			`<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](https://avatars0.githubusercontent.com/u/9892522?v=4&s=400?raw=true)`

			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:`

			`* [HTML.com](https://html.com/attributes/img-src/)`
Fix localeTitle and line 5 (#32787) 2019-08-16 15:50:08 -03:00			`* [Escolas W3](https://www.w3schools.com/tags/att_img_src.asp)`