Дорогие друзья!

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

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

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

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

<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://ru.wikipedia.org/wiki/Заглавная страница"><img src="//s45.radikal.ru/i110/1105/f1/13094e1a881c.png" width="300" height="288" alt="Ссылка на Википедию" title="Хочу знать больше!" />a> </a>

Результат:

Если вы щёлкните теперь по логотипу Википедии, то попадёте сразу же на главную страницу сайта энциклопедии. Таким образом, формула картинки-ссылки в общем виде выглядит так: <a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ресурса, куда ведёт ссылка"><img src="адрес самой картинки" alt="текст, заменяющий изображение" title="текст, появляющийся при наведении мышки" width="значение" height="значение" /></a>

Источник