-Цитатник

Без заголовка - (1)

Сумка на пояс

Без заголовка - (0)

Жакет спицами   ...

Без заголовка - (0)

Жакет "Market Jacket" реглан с рукавом три четверти спицами от дизайнера Tanis Gray  ...

Без заголовка - (0)

Terrestrial Top by Moira Engel Спицами Туника украшена ажурной кокеткой и необычной складкой н...

Без заголовка - (0)

"Delicate leaves" Спицами

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Стена СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить

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

Поиск сообщений в Матрёна_Васильевна

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

 

 -Сообщества

Участник сообществ (Всего в списке: 1) Только_для_женщин

 -Статистика

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


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

Воскресенье, 08 Сентября 2013 г. 23:07 + в цитатник
Цитата сообщения Putniza_Strannaja Как сделать картинку ссылкой в html. Кликабельные картинки.

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

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

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

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

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

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

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

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

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

(С) 2011 Putniza Strannaja.

Серия сообщений "Html для чайника":
Понравилось? Тогда не жмись, ссылкой с друзьями в социальной сети поделись!

Самая компактная подписка на этот блог - приходит одной строкой на вашу почту! Переходим по баннеру или читаем этот урок.
Записки блогерши
Во избежание нарушения закона об "Авторском праве" запрещено в комментариях оставлять любые фотографии, картинки, фрагменты стихотворений и прозы. За размещение всевозможных ссылок - БАН или занесение в ЧС без предупреждения.
Часть 1 - Как сделать картинку ссылкой в html. Кликабельные картинки.
Часть 2 - Окошечко
Часть 3 - Убрать текст под кат
Часть 4 - Рамочки для текста
Часть 5 - Гиперссылка
Рубрики:  Полезное/советы
Оформление дневника
Метки:  

 

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

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

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

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