Урок 6
Для того, чтобы на какой-либо сетевой адрес ссылалось не словосочетание из вашего файла, а какое-то изображение, в языке HTML не придумано никаких дополнительных средств, кроме как обрамление открывающим и закрывающим тэгом «а» ссылки на уже размещённую в сети картинку.
Благодаря действию тэга, это изображение встраивается в ваш документ (файл) в том виде, который задают дополнительные атрибуты.
Вот знакомая вам запись тексовой гиперссылки:
<a href='' Витальный</a>
Если вместо выражения «1. Витальный» вставить правильную ссылку на графическое изображение, например:
<img src='http://www.ruspoetry.narod.ru/tops.gif' height='41' border='1'>
то на месте удалённого слова встанет баннер (картинка).
Тэг «img» (изображение) с помощью атрибута «src» (сетевой ресурс), который в кавычках содержит точный сетевой адрес, даёт команду компьютеру между открыванием и закрыванием тэга разместить нужную картинку с уточнением размера «height='41'» и толщины окаймления: «border='1'».
Вот как будет выглядеть запись в итоге:
<a href='' src='http://www.ruspoetry.narod.ru/tops.gif' height='41' border='1'></a>
Таким образом, в одной строке записи на языке HTML содержатся сразу две ссылки: одна для указания компьютеру вызвать на экран монитора соответствующее изображение, другая для связывания этой картинки с нужным местом в сети.
После тэга «img» не пишут закрывающего тэга. Это непарный тэг.
Хотелось бы ещё раз напомнить о том, различии, которое есть между текстом HTML, обычно выводящемся на экран монитора и реальной записью HTML-кода страницы в котором присутствуют все необходимые тэги.
Первый как правило не редактируется непосредственно, а второй нужно открывать в программе редактора и не забывать сохранять после внесения изменений.
Урок 7 http://proza.ru/2021/04/30/1346
Подробнее о третьей поэтике в приложении Бусти.ту boosty.to/ruspoetry