Как сделать картинку ссылкой в html

Для вывода изображений в html используется тег <img>. Выглядит это таким образом:

Для того чтобы создать ссылку используется тег <a>. Таким вот образом:

Чтобы картинку сделать ссылкой, необходимо всего лишь объединить эти два тега.

Тег картинки вставляется внутрь тега ссылки. Таким образом, картинка работает как ссылка, если на нее навести курсор мыши и нажать, произойдет переход по ссылке.

Адреса можно прописывать как в полном формате: http:// и т.д

Так и в короткой форме, например: kartinka.jpg. Этот вариант доступен, если рисунок у вас лежит в той же папке, что и html файл.

Пример

Код html:

Результат в браузере: