html тег <img> атрибут src


Обов'язковий атрибут src задає URL зображення, який буде завантажувати зображення на веб-сторінку. Найбільш популярні файли в форматі GIF, PNG і JPEG.

не вдалось завантажити зображення

автор: с3с

Нотатка

Коли веб-сторінка завантажується, браузер отримує зображення з веб-сервера і вставляє його в сторінку. Тому переконайтеся, що зображення насправді залишалося в тому ж місці, по відношенню до веб-сторінки, інакше ваші відвідувачі отримають несправний значок посилання. Значок несправного посилання відображається, якщо браузер не може знайти зображення.

автор: с3с

Синтаксис

<img src=”URL”>

Атрибут src може отримувати єдине значення:

URL

URL зображення.

  • Абсолютний URL — вказує на інший веб-сайт (наприклад, src= "http://www.example.com/image.gif");
  • Відносний URL — вказує на файл в межах веб-сайту (наприклад, src ="image.gif").
автор: с3с

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1+ 1+ 1+ 1+ 12+ 1+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
1+ 1+ 1+ 1+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HTML атрибута src теґа <img>

See the Pen img css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід