Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Добавьте свою картинку. Ссылку на картинку возьмите из интернета
Ранее вы изучили атрибуты ссылок в HTML. Настало время поработать с изображениями.
Как добавить изображение на сайт?
Для отображения изображений на сайте, используют тег <img>. Адрес картинки указывается атрибутом src.
Если картинка находится на вашем компьютере и вы хотите, чтобы другие пользователи сети ее увидели, то необходимо добавить ее в папку сайта на хостинге или загрузить на другой онлайн-ресурс.
Изображения часто используются в верстке. Картинка может быть фоном сайта или отдельного блока, или же таблицы и т.д. В следующих уроках вы познакомитесь с атрибутами и применением картинки.
Далее пример добавления изображения на веб-страницу:
<img src = "/img/site/logo.png">В этом уроке кратко познакомились с тегом <img> и научились добавлять изображения на веб-страницу. В следующем уроке научимся выравнивать изображения с помощью HTML.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
