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

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

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

Видеоурок

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


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

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

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


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

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

Загрузка...

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

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

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

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

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

Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение CSS/CSS3 от нуля до гуру!
15 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Современная вёрстка адаптивного веб-сайта
Изучение препроцессора SASS / SCSS
7 уроков
Комментарии для сайта Cackle