#9 – Работа с изображениями

#9 – Работа с изображениями

За урок мы изучим тег «img», что служит для работы с изображениями в HTML. Мы научимся отображать изображение из Интернета, а также изображение из нашего проекта.

Видеоурок

За отображение картинок в HTML отвечает тег img, который требует лишь один обязательный атрибут – src. В атрибут необходимо указывать либо полный путь к картинке, либо относительный путь к картинке, что находиться у вас на сервере или же в одной папке с файлом HTML. 


Пример реализации тега:

<img src="путь к картинке">

Данный тег не нуждается в закрывающем теге.


К необязательным, но также важным атрибутам можно отнести атрибут alt и title, которые отвечают за альтернативный текст и подсказку при наведении. Они помогают браузеру и пользователю понимать что за картинка перед ним. Это положительно сказывается на оптимизации сайте.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Верстка сайта на HTML5 и CSS3
13 уроков
Изучение препроцессора SASS / SCSS
7 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Создание адаптивного сайта
4 урока
Комментарии
Добавить комментарий

Пока комментариев нет