HTML-теги для вставки ссылок

Сегодня хочу вам рассказать о том, как можно вставить ссылки в сообщение.

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>

This entry was posted on Воскресенье, Август 16th, 2009 at 7:21 пп and is filed under HTML теги. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

34 Responses to “HTML-теги для вставки ссылок”

  1. Мираж:

    Получается, что именно таким образом делаются баннеры на сайтах и форумах, а также юзербары и иные картинки. Очень полезная информация.

  2. Invincible:

    а что такое "комментарий к ссылке"? всплывающее при наведении курсора пояснение к ней? подскажите, пожалуйста.

  3. Алексей:

    Да, именно так. Если навести на последнюю картинку с компьютером, то выплывает комментарий "Главная страница". Вот это и является комментарием к ссылке.

  4. cassad:

    А как сделать так, чтобы был виден не только комментарий, но и местоположение картинки (то есть на одном ли ресурсе они расположены или картинка на отдельном хостинге)?

  5. Алексей:

    Мне кажется, что это можно описать только в комментарии. Если даже можно как-то по-другому, то я этого не знаю.

  6. Артём:

    У меня вот какой вопрос… Вставил картинку-ссылку в блоггер, в гаджет "HTML", захожу на блог – а ссылка-то не работает! Попробовал в гаджете текст, и опять эта ерунда! Я что, ошибся в коде?

  7. Алексей:

    Зайди на форум http://ty-blogger.ucoz.ru/forum/26 и оставь свой код, я проверю и исправлю ошибку

  8. Art:

    а как изменить цвет ссылки?

  9. Алексей:

    Art, вопросы задавать нужно на ФОРУМЕ! Отвечаю. Например, ссылка имеет вид <a href="http://ty-blogger.blogspot.com/">Интернет для чайника</a>Чтобы изменить цвет ссылки, сделай так: <a href="http://ty-blogger.blogspot.com/"><font color="purple">Интернет для чайника</font></a>

  10. Алексей:

    purple – это цвет, который можно обозначит в виде #000000

  11. Руслан:

    не могу понять вроде все теги правильно расставил уже 20 раз в разных источниках сверял все равно в браузере открываю прописывается просто тег с названием ссылки объясните пожалуйста возможно получится после регистрации??

  12. Павел:

    Очень у Вас полезный сайт, часто сюда захожу. Мне он пригодился для создания своего сайта

  13. Bred:

    очень полезно! постоянно забываю как правильно составлять ссылку, что бы была видна главная страница

  14. Александра:

    Ребята – а в фейсбуке и других социальных сетях – в комментариях – как сделать какое-либо слово (понятие, название, фамилию) в виде ссылки? Рекомендации, что в начале статьи не работают. По крайней мере, в фейсбуке.
    Заранее благодарна.

  15. Андрей:

    Большое спасибо, очень интересная информация.

  16. cvetydushi:

    А у Меня получилось с первого раза – вот так

  17. cvetydushi:

    Ура – получилось – еще раз вам Огромное спасибо.

  18. Артем:

    Огромное спасибо!Хорошо когда такие статьи всегда под рукой – проблема решается за минуту!

  19. YYY:

    хороший урок для новичка

  20. Бесплатные программы:

    долго искал как сделать, что бы картинка стала ссылкой

  21. Александр:

    Спасибо большое,за интересную статью

  22. Татьяна:

    Спасибо большое, очень помогло.

  23. иван:

    ура

  24. Артём:

    Ребята подскажите пожалуйста скрипт, как спрятать изображение под текст что бы при нажатии оно всплывало на той же странице и при одном клике закрывалось )))

  25. Постельное белье:

    Что то у меня не получается разместить картинку в коментарии!

  26. Натали:

    Не получется

  27. Натали:

    Не получилось у меня, я наживаю правой кнопкой на текст и выбираю исследовать и открывается html коды к страничке, там меняю и выхожу но ничего не сохраняет. Что я делаю не так?

  28. Сергей:

    Спасибо, полезной оказалась информация, всё сделал как и хотел! ;)

  29. HTML-теги для вставки ссылок | Интернет для чайника | DiggerSite:

    [...] Источник: HTML-теги для вставки ссылок | Интернет для чайника [...]

  30. Esposas infieles:

    Спасибо за помощь, теперь я могу организовать и проставить ссылки

  31. АгроШкольник:

    vshsbhss

  32. Илья:

    ненр

  33. bkmlfh:

    stellberg.ru/

  34. Евгений Логинов:

    Спасибо, очень полезная информация для новичков и главное доступным языком.

Прокомментировать запись: