Как сделать баннер

В этом уроке мы с вами научимся делать баннер. Что это такое?

Баннер - это один из преобладающих форматов интернет-рекламы. Представляет собой графическое изображение, аналогичное рекламному модулю в прессе, но способное содержать анимированные (редко видео-) элементы, а также являющееся гиперссылкой на сайт рекламодателя или страницу с дополнительной информацией (ВикипедиЯ).

Иначе говоря, баннер - это картинка-гиперссылка на какой-либо ресурс в интернете. Вот её мы и будем делать.

Что для этого нужно? Для этого нужно знать адрес ресурса (ссылку можно скопировать из адресной строки своего браузера), на который будет вести при клике картинка, и адрес самой картинки в сети (можете использовать различные сервисы хранения изображений или использовать возможности своего хостинга).

По сути, баннер - это ссылка, только вместо текста у нас находится адрес картинки. Давайте напишем код для баннера на примере данного сайта:

<a target="_blank" href="http://ru.wikipedia.org/wiki/Заглавная страница"><img src="https://southklad.ru/wp-content/uploads/2019/02/1482-43-55.jpg" width="300" height="288" alt="Ссылка на Сайт" title="Хочу знать больше!"</a><br />

Результат:

Если вы щёлкните теперь по изображению монеты 1 рубль 1897 года, то попадёте сразу же на главную страницу сайта. Таким образом, формула картинки-ссылки в общем виде выглядит так: <a target="_blank" href="адрес ресурса, куда ведёт ссылка"><img src="адрес самой картинки" alt="текст, заменяющий изображение" title="текст, появляющийся при наведении мышки" width="значение" height="значение"></a><br />