Есть разница между вставкой изображения на страница в Интернете и сделать это изображение интерактивной ссылкой. Хотя HTML аналогично, ссылка полагается на якорь элемент, в то время как изображение использует img элемент. Однако изображение может быть вложено в якорь, что делает его доступным для нажатия в качестве ссылки.
Вставка изображений в элементы привязки
Обычно ссылка на изображение - это изображение логотипа сайта, которое затем связывается с домашней страницей сайта.
Вот как можно разместить в HTML-документе изображение, не вызывающее клика:
Чтобы преобразовать изображение в ссылку, добавьте ссылку привязки, открыв элемент привязки перед изображением и закрыв привязку после изображения. Этот метод аналогичен тому, как вы связываете текст, за исключением того, что вместо переноса слов вы оборачиваете изображение:
Когда вы добавляете этот тип HTML на свою страницу, не помещайте пробелов между тегом привязки и тегом изображения. Если вы это сделаете, некоторые браузеры будут добавлять маленькие галочки рядом с изображением, что будет выглядеть странно.
Логотип теперь также действует как кнопка домашней страницы, что в наши дни является в значительной степени веб-стандартом.
Обратите внимание, что мы не включаем в нашу разметку HTML какие-либо визуальные стили, такие как ширина и высота изображения. Мы оставим эти визуальные стили CSS и сохраним четкое разделение структуры HTML и стилей CSS.