24  дек

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



Категория Интернет

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


На различных сайтах довольно часто можно встретить не только активные ссылки на другие сайты и страницы, но и картинки с активной ссылкой, при нажатии на которые также можно перейти на другие страницы. В этой статье мы как раз и рассмотрим, как сделать картинку ссылкой в html.



Картинка со ссылкой не так часто используется, что даже в различных движках сайтов нет отдельной функции для создания картинки со ссылкой. Но при этом код записи картинки со ссылкой в html настолько прост, что его в итоге можно записать и вручную.

Картинка со ссылкой составляется из двух частей кода, из активной ссылки и ссылки на картинку. Активная ссылка с использованием тега <a> записывается следующим образом:

<a href="URL-адрес ссылки" >Название ссылки</a>

Атрибут <href> используется для указания ссылки на документ, на который будет производится переход.

Для вывода картинок на страницах сайта используется тег <img> а код для вывода картинки будет таким:

<img src="Путь к картинке" >

Атрибут <src> используется для указания ссылки на картинку.

Теперь, чтобы сделать картинку ссылкой необходимо просто объединить два этих кода, записав код вывода картинки на сайт вместо названия ссылки в коде активной ссылки. Выглядит это следующим образом:

<a href="URL-адрес ссылки" ><img src="Путь к картинке" ></a>

К изображению может применяться еще множество других атрибутов, с помощью которых можно задать выравнивание картинки на странице, задать отступы и указать размер.


Также интересные статьи на сайте chajnikam.ru:
Обзор интернет сервисов бесплатного хостинга
Как поменять пароль от своей базы MySQL в phpMyAdmin?
Прозрачная картинка онлайн
Как сделать прозрачный фон у картинки онлайн?


Просмотры: 1279
Возможно Вас это заинтересует:
    Как сделать прозрачный фон онлайн?
    Современные онлайн редакторы изображений по своим возможностям не сильно отстают от некоторых платных приложений, и в этой статье мы рассмотрим, как сделать прозрачный фон онлайн в одном таком редакторе.
    Как сделать картинку прозрачной онлайн?
    Когда нужно отредактировать картинку, а нормального редактора под рукой нет, на помощь нам приходит онлайн редактор, к примеру, PIXLR EDITOR, который еще называют Фотошоп онлайн. В этой статье мы рассмотрим, как сделать картинку прозрачной онлайн.
    Как поменять пароль от своей базы MySQL?
    Создавая свой новый сайт удобнее всего это делать на своем стационарном компьютере с помощью приложения Denwer. При переносе сайта на хостинг как правило приходится менять в настройках сайта пароль доступа к базе данных. Когда приходит время проведения экспериментов с шаблонами и настройками, сайт
    Обзор сервисов, предлагающих бесплатный хостинг
    Многие слышали, что сайт в Интернете можно разместить абсолютно бесплатно, но не у всех получается быстро найти подходящий бесплатный хостинг. Иногда, не найдя подходящего провайдера, человек отказывается от данной идеи, например, из-за того, что большинство провайдеров предлагает данную услугу в
Теги: