42 lines
2.0 KiB
Markdown
42 lines
2.0 KiB
Markdown
---
|
||
title: Img Src Attribute
|
||
localeTitle: Атрибут Img Src
|
||
---
|
||
## Атрибут Img Src
|
||
|
||
Атрибут `<img src>` относится к источнику изображения, которое вы хотите отобразить. Тег `img` не отображает изображение без атрибута `src` . Однако, если вы установите источник в местоположение изображения, вы можете отобразить любое изображение.
|
||
|
||
Существует изображение логотипа freeCodeCamp, расположенного по адресу `https://avatars0.githubusercontent.com/u/9892522?v=4&s=400`
|
||
|
||
Вы можете установить это как изображение, используя атрибут `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>
|
||
```
|
||
|
||
Вышеприведенный код выглядит следующим образом:
|
||
|
||
|
||
|
||
Атрибут `src` поддерживается всеми браузерами.
|
||
|
||
Вы также можете иметь локально размещенный файл в качестве изображения.
|
||
|
||
Например, `<img src="images/freeCodeCamp.jpeg>` будет работать, если бы у вас была папка с `images` которой был внутренний `freeCodeCamp.jpeg` , если папка« images »находилась в том же месте, что и файл `index.html` ,
|
||
|
||
`../files/index.html`
|
||
|
||
`..files/images/freeCodeCamp.jpeg`
|
||
|
||
### Дополнительная информация:
|
||
|
||
* [HTML.com](https://html.com/attributes/img-src/)
|
||
* [W3 Школы](https://www.w3schools.com/tags/att_img_src.asp) |