Как сделать из изображения или картинки ссылку. Посмотрим примеры как использовать изображения как ссылки.

Давайте посмотрим как сделать чтоб изображение расположенное на нашей странице можно было использовать как ссылку. Для тог чтоб сделать изображение ссылкой нам надо вместо описания ссылки вставить нужное изображение. Если вы не знаете, как размешать изображение на странице сайта то можете заглянуть на урок работы размещения изображения на странице сайта. Давайте чтоб было более понятно сделаем два простых примера ссылки на главную страницу этого сайта, первая обычная ссылка с описанием, а вторая ссылка это изображение. Смотрите ниже оба примера с полным указанием адреса ссылки и место расположения изображения.

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

1) <a href="http://www.sozdat-svoysayt.ru">Ссылка на главную страницу сайта www.sozdat-svoysayt.ru</a>

2) <a href="http://www.sozdat-svoysayt.ru"><img src="http://www.sozdat-svoysayt.ru/image/vodopad.gif"></a>

Если мы скопируем и вставим эти ссылки на нашу html или php страницу мы увидим результат наших ссылок, которые находятся ниже. Первая это обычная текстовая ссылка, вторая это ссылка изображение, они оба ссылаются на главную страницу этого сайта, можете попробовать работоспособность, кликнув на ссылку в виде картинки или обычную текстовую.

1)Ссылка на главную страницу сайта www.sozdat-svoysayt.ru

2)

Хочу так же сказать, что в данном примере мы указали полный путь используемого для ссылки изображения, так как изображение у нас расположено в папке images которая находится в корневой папке. Если же изображение находится в другой папке, то мы должны указывать полный путь к картинке. Например, если используемое изображение находилось бы в той же папке что и страница, которую мы сейчас читаем то мы использовали бы такой путь, смотрите пример 3.

3) <a href="http://www.sozdat-svoysayt.ru"><img src="http://www.sozdat-svoysayt.ru/ssilki/vodopad.gif"></a>

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

4) <a href="http://www.sozdat-svoysayt.ru"><img src="http://www.sozdat-svoysayt.ru/ssilki/image/vodopad.gif"></a>

Если вы хотите посмотреть более подробно как размешать изображения на страницах сайта то можете заглянуть на урок работы размещения изображения на странице сайта. Делать из изображения ссылку как вы уже поняли легко и просто надеюсь я принёс вам хоть какую ни будь пользу.

Возможно вас заинтересуют и другие возможности создания и размещения html ссылок, смотрите в меню с права. Удачи!!!




Рейтинг@Mail.ru   Яндекс.Метрика