-Рубрики

 -Поиск по дневнику

Поиск сообщений в ТАТЬЯНКА24

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.08.2011
Записей:
Комментариев:
Написано: 7495


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

Пятница, 28 Сентября 2012 г. 19:34 + в цитатник
Цитата сообщения Putniza_Strannaja Как сделать картинку ссылкой в html. Кликабельные картинки.

Как отличить "кликабельную" картинку от "некликабельной"? Очень просто!
Наведем курсор (стрелку) на картинку и  стрелка превратится в пятерню, если нет, то стрелка таковой и останется!

Ну, а теперь сразу к практике!

< *** a href=" адрес, куда ведет ссылка ">
<
*** img src=" адрес страницы, где лежит фото "> < *** /a>

Как вы уже успели заметить, все достаточно легко! Только звездочки в html коде уберем!

А теперь рассмотрим, как найти ссылку на саму картинку, ведь с адресом страницы ВСЕ ясно!

Это зависит от места, где ваша картинка лежит:

1. Если она в  вашем альбоме (на liveinternet), то щелкаем на картинку мышкой, грузиться, далее смотрим, под картинкой копируем Html код для вставки и заменяем им вторую половину кода (то что во вторых угловых скобочках).

2. Если она в вашем профиле на любом другом ресурсе (соц. сеть, сервис блогов и дневников), то щелкаем правой клавишей мышки и выбираем "копировать ссылку". Затем идем к шаблону и щелкаем правой клавишей мышки "вставить".

3. Если картинка находится на бесплатном хостинге картинок, то либо под картинкой берем Html ссылку, либо пользуемся пунктом номер два с "добыванием" ссылки на картинку.

(С) 2011 Putniza Strannaja.

Подписавшись, вы сможете получать мои статьи на свой е-mail адрес.
Подписку можно осуществить, щелкнув по баннеру мышкой.

Записки блогерши

 

Серия сообщений "Html для чайника":
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка
Рубрики:  дневник

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку