Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Редактор Поддержка Обновить

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


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


❮ HTML Тег <img>


Пример

Изображение помечено следующим образом:

<img src="img_girl.jpg" alt="Девушка в куртке" width="500" height="600">
Попробуйте сами »


Определение: Тег <img> атрибут src

Тег <img> в HTML имеет атрибут обязательный атрибут src определяет URL-адрес изображения.

Существует два способа указать URL-адрес в атрибуте src:

1. Абсолютный URL - ссылки на внешнее изображение, размещенное на другом веб-сайте. Пример: src="https://www.schoolsw3.com/images/img_girl.jpg".

2. Относительный URL - ссылки на изображение, размещенное на веб-сайте. Здесь URL-адрес не содержит доменного имени. Если URL-адрес начинается без косой черты, он будет относиться к текущей странице. Пример: src="img_girl.jpg". Если URL-адрес начинается с косой черты, он будет относиться к домену. Пример:src="/images/img_girl.jpg".

Примечание: Внешние изображения могут быть защищены авторским правом. Если вы не получите разрешения на его использование, возможно, вы нарушаете авторские права. Кроме того, вы не можете управлять внешними изображениями; они могут быть внезапно удалены или изменены.

Совет: Почти всегда лучше использовать относительные URL-адреса. Они не сломаются, если вы смените домен.

Примечание: Значок неработающей ссылки и текст alt отображаются, если браузер не может найти изображение.


Поддержка: Тег <img> атрибут src

Атрибут
src Да Да Да Да Да

Синтаксис: Тег <img> атрибут src

<img src="URL">

Значение: Тег <img> атрибут src

Значение Описание
URL URL-адрес изображения.

Возможные значения:

  • Абсолютный URL-адрес - определяет на другой веб-сайт (например, src="http://www.example.com/image.gif")
  • Относительный URL-адрес - определяет на файл внутри веб-сайта (например, src="image.gif")

❮ HTML Тег <img>