#10 - Отображение изображений

#10 - Отображение изображений

На сайте всегда должны присутствовать какие-либо картинки, так как это делает сайт более живым и интересным. В этом уроке мы научимся добавлять изображения в HTML и отображать их на сайте.

Видеоурок

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

<img src="путь к картинке">
Важно также отметить, что тег не нуждается в закрывающем теге .

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

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

Загрузка...

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

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

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

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

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

Современная вёрстка адаптивного веб-сайта
Создание адаптивного сайта
4 урока
Изучение CSS/CSS3 от нуля до гуру!
15 уроков
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Комментарии для сайта Cackle