1. Чтобы слово было ссылкой Главная страница
<a href="http://.........."> Главная страница</a>
где http://.......... - адрес страницы, на которую вы ссылаетесь.
2. Чтобы картинка была ссылкой
<a href="http://........."> <img src="http://..........jpg"/></a>
где http://..........jpg - адрес изображения в интернете.
3. Установить комментарий к ссылке: Главная страница
<a href="http://.............." title="Комментарий">Главная страница</a>
4. Чтобы ссылка открылась в новом окне: Главная страница
<a href="http://................" target="_blank">Главная страница</a>
5. Отменить подчеркивание ссылки: Главная страница
<a href="http://............." style="text-decoration: none;">Главная страница</a>
Это основные способы работы с ссылками. Есть еще и другие варианты, но для начинающих Веб-мастеров этого на начальном этапе будет достаточно.
Сейчас попробуем совместить эти вариации и создадим картинку с комментарием с ссылкой, открывающейся в отдельном окне:
<a href="http://............" target=_blank title="Главная страница"><img src="http://......jpg"></a>
_________________________________________
Если вы любите играть в бильярд, но устали от старых колодных киев в бильярдном клубе и прокате, то вы можете приобрести свой бильярдный кий, который станет идеальным орудием игры в ваших руках!
Теперь купить мягкие игрушки смешарики можно в интернет-магазине sme-shariki.ru. Дети в восторге от этих забавных мультяшек. Выберите им игрушку со смешариком, которого они любят больше всего!
_________________________________________
Получается, что именно таким образом делаются баннеры на сайтах и форумах, а также юзербары и иные картинки. Очень полезная информация.
ОтветитьУдалитьа что такое "комментарий к ссылке"? всплывающее при наведении курсора пояснение к ней? подскажите, пожалуйста.
ОтветитьУдалитьДа, именно так. Если навести на последнюю картинку с компьютером, то выплывает комментарий "Главная страница". Вот это и является комментарием к ссылке.
ОтветитьУдалитьА как сделать так, чтобы был виден не только комментарий, но и местоположение картинки (то есть на одном ли ресурсе они расположены или картинка на отдельном хостинге)?
ОтветитьУдалитьМне кажется, что это можно описать только в комментарии. Если даже можно как-то по-другому, то я этого не знаю.
ОтветитьУдалитьУ меня вот какой вопрос... Вставил картинку-ссылку в блоггер, в гаджет "HTML", захожу на блог - а ссылка-то не работает! Попробовал в гаджете текст, и опять эта ерунда! Я что, ошибся в коде?
ОтветитьУдалитьЗайди на форум http://ty-blogger.ucoz.ru/forum/26 и оставь свой код, я проверю и исправлю ошибку
ОтветитьУдалитьа как изменить цвет ссылки?
ОтветитьУдалитьArt, вопросы задавать нужно на ФОРУМЕ! Отвечаю. Например, ссылка имеет вид <a href="http://ty-blogger.blogspot.com/">Интернет для чайника</a>
ОтветитьУдалитьЧтобы изменить цвет ссылки, сделай так:
<a href="http://ty-blogger.blogspot.com/"><font color="purple">Интернет для чайника</font></a>
purple - это цвет, который можно обозначит в виде #000000
ОтветитьУдалить