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

2.0 KiB
Raw Blame History

title localeTitle
Img Src Attribute Атрибут Img Src

Атрибут Img Src

Атрибут <img src> относится к источнику изображения, которое вы хотите отобразить. Тег img не отображает изображение без атрибута src . Однако, если вы установите источник в местоположение изображения, вы можете отобразить любое изображение.

Существует изображение логотипа freeCodeCamp, расположенного по адресу https://avatars0.githubusercontent.com/u/9892522?v=4&s=400

Вы можете установить это как изображение, используя атрибут 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> 

Вышеприведенный код выглядит следующим образом:

FreeCodeCamp Аватар

Атрибут src поддерживается всеми браузерами.

Вы также можете иметь локально размещенный файл в качестве изображения.

Например, <img src="images/freeCodeCamp.jpeg> будет работать, если бы у вас была папка с images которой был внутренний freeCodeCamp.jpeg , если папка« images »находилась в том же месте, что и файл index.html ,

../files/index.html

..files/images/freeCodeCamp.jpeg

Дополнительная информация: