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

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

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

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

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

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

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

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

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

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

(С) 2011 Putniza Strannaja.

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

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

Оформляем текст и картинки
 

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

Коды для оформления блога
 

Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Нет гелия, необходимого для заполнения шариков ?
Просто добавьте в уксус щепотку соды и натяните пустой шарик на горлышко бутылки.

Обратите на это внимание - может пригодиться в жизни.
 

Вчитайтесь повнимательней в каждое высказывание и сделайте для себя выводы. Это может пригодиться в жизни.

9 МУДРЫХ высказываний, над которыми стоит задуматься:

• Никогда не имей дело с тем, от кого ты хоть раз слышал «я же тебе говорил».
• Если что-то упустил, не упусти урок из этого.
• Корабль без руля и человек без цели в конце концов оказываются на мели.
• Если вы не хотите испортить себе жизнь, держитесь подальше от тех, кто уже испортил свою.
• Если хочешь иметь то, что никогда не имел, тебе придется делать то, что ты никогда не делал.
• Помните, обогащая часы своего досуга, вы не теряете времени зря. Плодотворная работа немыслима без полноценного отдыха. Самые великие идеи посещают нас именно в часы расслабления
• Берегите свое время. Учитесь говорить “нет”. Умение решительно говорить “нет” малозначительным делам придаст вам силы сказать “да” чему-то великому.
• Мы становимся тем, о чем думаем чаще всего.
• Я не говорю, что вы должны вести себя так, словно каждый день последний. Нужно вести себя так, как будто каждый день ЕДИНСТВЕННЫЙ.

***ПУТЕВОДИТЕЛЬ ПО ДНЕВНИКАМ***
 

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

Приветствие читателя на Li.ru или правило блога "Putniza_Strannaja"
 

Самого доброго времени суток вам, мой новый читатель или гость! Сейчас не смогу угадать, кто вы. Поэтому именно для вас приготовила разные обращения:

1. Для тех, кто не так давно завел профиль на Li.ru. Для вас хочу в первую очередь предложить посетить рубрику Уроки по Li.ru от Putniza_Strannaja. В ней я рассказываю о тех способах создания чего либо на этом сервисе, которые действительно УДОБНЫ, ПРОСТЫ и БЫСТРЫ !

2. Если вы новичек вообще в интернете и на "вы" с компьютером, то предлагаю заглянуть еще и сюда - Компьютеры и интернет.

3. Если вы опытный пользователь, то именно для вас я составила Бродилку по блогу Putniza_Strannaja или содержание "Записок Блоггерши"  Читать далее...

Серия сообщений "Бродилка или содержание":
Часть 1 - Разрешите представиться, Putniza Strannaja!
Часть 2 - ФОНЫ бесшовные от Putniza_Strannaja.
...
Часть 29 - Обсуждения и опросы
Часть 30 - Бродилка по блогу Putniza_Strannaja или содержание "Записок Блоггерши"
Часть 31 - Приветствие читателя на Li.ru или правило блога "Putniza_Strannaja"
Часть 32 - Для чего нужен Li.ru и что на нем делать?
Часть 33 - ТЕХН. Рамочки мои