Веб-школа - Разметка страниц - Как вставить изображения в HTML // Вебшкола онлайн

skype-6215647

Пример демонстрирует, как вставить изображение на вашу страничку.

Вставка изображения из различных источников

Пример демонстрирует, как вставить изображение с другого сайта или другой папки.

Тег и атрибут src

В HTML изображения вставляются с помощью тега .

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

Для отображения изображения на странице используется атрибут src. Src произошло от слова «source» (источник). Значением атрибута src является url-адрес изображения.

Синтаксис тега :

URL указывает на адрес ресурса, где хранится изображение. Например, изображение boat.gif, сохраненное в папке images на сайте www3schools.com имеет URL: http://www.w3schools.com/images/boat.gif.

Браузер вставляет изображение в то место, где встречается тег . Если вы вставите изображение между двух параграфов, тогда браузер отобразит первый параграф, затем изображение и после него второй параграф.

Атрибут alt

Атрибут alt используется для вставки альтернативного текста для изображения.

Этот текст определяется автором страницы:

Большая лодка

Значение атрибута alt отображается вместо изображения, если браузер не может отобразить его. Вставка атрибута alt является хорошей практикой, потому что она помогает узнать пользователям текстовых браузеров, какие изображения вставлены в страницу.

Полезные советы

Если на вашу страницу вставлено десять изображений, это значит, что для отображения этой страницы нужно 11 файлов. Загрузка изображений занимает время, поэтому мой вам совет: используйте изображения осторожно.