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