Изображения как ссылки
Вы наверняка встречали изображение, которое одновременно служит ссылкой. Например, на YouTube щелчок по картинке видео открывает страницу с этим видео. Посмотрим, как это сделать.
<a href="адрес">
<img src="адрес-изображения" alt="Описание изображения">
</a>Всё просто: мы помещаем изображение внутрь элемента a, и оно становится дочерним элементом ссылки. Щелчок по изображению тогда работает так же, как щелчок по тексту ссылки.
Так же можно превратить в ссылки и другие элементы HTML: достаточно поместить их внутрь элемента a.
Задание
- 1
Оберните изображение кошки в новую ссылку: прямо перед элементом
imgнапишите открывающий тег<a href="https://en.wikipedia.org/wiki/Cat">, а сразу после этого элемента — закрывающий тег</a>. - 2
Добавьте этой новой ссылке атрибут
targetсо значением_blank, чтобы она открывалась в новой вкладке.