Блог Ловцовых

Как создать ссылки? Абсолютные и относительные ссылки

Описание принципов создания текстовых ссылок. Даны примеры текстовых ссылок. Описаны методы создания ссылок для изображений. Описаны принципы работы абсолютных и относительных ссылок и многое другое.

Для создания ссылки необходимо использовать тег <a> и закрывающий тег </a>. Текст, который необходимо сделать ссылкой помещается между этими тегами. В теге <a> для указания адреса ссылки используется параметр «href», в котором указывается адрес: <a href=”http://site.com/”>Текст ссылки</a>.
При нажатии по ссылке осуществится переход по прописанному адресу в параметре «href». В адресе можно указать как ссылку на страницу сайта: about.html, contact.html, так и адрес другого сайта: http://site.com/
Адрес в ссылке может быть как абсолютным, так и относительным. В абсолютном адресе при использовании пути к странице contact.html используется адрес сайта полностью с http. Абсолютный адрес на страницу contact.html будет выглядеть так: http://site.com/contact.html, а относительный адрес той же страницы будет выглядеть так: contact.html – без включения адреса сайта.

Как создать ссылки? Абсолютные и относительные ссылки
Адрес ссылки также может быть и на страницу, размещенную в каталоге. Например, на сайте есть папка «catalog», в ней расположена страница tovar.html абсолютная ссылка будет выглядеть так: <a href=”http://site.com/catalog/tovar.html”>Текст ссылки</a>, относительная — <a href=”/catalog/tovar.html”>Текст ссылки</a>.
Вместо текста ссылки можно использовать изображения кнопки или любого другого изображения. При нажатии на изображения осуществиться переход по адресу указанному в параметре «href», так же, как и при использовании текста. Для использования в ссылке изображения необходимо как в случае с использованием текста использовать не только теги <a> и закрывающий тег </a> с адресом в параметре «href», но и тег <img> для указания пути к изображению: <a href=”http://site.com/”><img src=”путь к изображению”></a>.
Бывает при создании ссылки необходимо, чтобы она открывалась в новом окне, для чего используют параметр «target» с атрибутом «_blank»: <a href=»http://site.com» target=»_blank»>Текст ссылки</a>.

автор: Ловцова Елена

Кстати тоже интересно почитать

• Если курс валют не радует..
• Как создать HTML страницу? Практические советы
• Как установить плагины на WordPress?
• Что такое Sape и сколько на ней можно заработать?
• WordPress-блог, защита от взлома
• Пассивный доход или идеи малого бизнеса — 300 страниц примеров на чем заработать деньги
• Немного про индекс цитирования или просто ИЦ
• Ап тИЦ сильно затянулся!
• Влияют ли ссылки из Twitter на позиции сайта в поиске?
• Телевизор Apple поступит на рынок в 2013 году

No related posts.