Как сделать картинку ссылкой в html
Пример
Код html:
<a href="http://soft-am.ucoz.ru/"><img src="link_img.png"></a>
Результат в браузере:
Для вывода изображений в html используется тег <img>. Выглядит это таким образом:
<img src="адрес картинки" >
Для того чтобы создать ссылку используется тег <a>. Таким вот образом:
<a href="адрес ссылки" >Название ссылки, если необходимо</a>
Чтобы картинку сделать ссылкой, необходимо всего лишь объединить эти два тега.
<a href="адрес ссылки" ><img src="адрес картинки" ></a>
Тег картинки вставляется внутрь тега ссылки. Таким образом, картинка работает как ссылка, если на нее навести курсор мыши и нажать, произойдет переход по ссылке.
Адреса можно прописывать как в полном формате: http:// и т.д
Так и в короткой форме, например: kartinka.jpg. Этот вариант доступен, если рисунок у вас лежит в той же папке, что и html файл.
|