Логотип 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 Атрибут src



Определение и использование src

Атрибут src указывает расположение (URL) внешнего ресурса.



Применение src

Атрибут src можно использовать для следующих элементов:

Элемент Атрибут
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

Примеры src

Пример Audio

Аудиоплеер:

<audio src="horse.ogg" controls>
Ваш браузер не поддерживает элемент аudio.
</audio>
Попробуйте сами »

Пример Embed

Встроенная флэш-анимация:

<embed src="helloworld.swf">
Попробуйте сами »

Пример Iframe

<iframe> в самом простом варианте использования:

<iframe src="/default.php"></iframe>
Попробуйте сами »

Пример Img

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

<img src="smiley.gif" alt="Улыбка">
Попробуйте сами »

Пример Input

форма HTML с изображением, представляющим кнопку отправки:

<form action="/action_page.php">
  Имя: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Отправить">
</form>
Попробуйте сами »

Пример Script

Укажить на внешний файл JavaScript:

<script src="myscripts.js"></script>
Попробуйте сами »

Пример Source

Аудиоплеер с двумя исходными файлами. Браузер должен выбрать, какой файл (если таковой имеется) поддерживает:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Ваш браузер не поддерживает тег audio.
</audio>
Попробуйте сами »

Пример Track

Видео с двумя дорожками субтитров:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="Английский">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Норвежский">
</video>

Пример Video

Воспроизведение video:

<video src="movie.ogg" controls>
 Ваш браузер не поддерживает тег video.
</video>
Попробуйте сами »

Поддержка браузеров src

Атрибут src имеет следующую поддержку браузера для каждого элемента:

Элемент
audio 4.0 9.0 3.5 4.0 10.5
embed Да Да Да Да Да
iframe Да Да Да Да Да
img Да Да Да Да Да
input 1.0 2.0 1.0 1.0 1.0
script Да Да Да Да Да
source 4.0 9.0 3.5 4.0 10.5
track 18.0 10.0 31.0 6.0 15.0
video 4.0 9.0 3.5 4.0 10.5