Помогни ни да направим Uroci.net по - богат! Добави урок

Създаване на линкове в HTML

luudman   трудност:    видян: 33013

Повечето хипертекстови линкове се добавят към HTML документи чрез използване на елемента-котва (<a>, </a>). Този елемент огражда текста, който описва към какво сочи линкът. Самият URL трябва да бъде в кавички и той използва арбитора href (hyperlink reference). Линкът в HTML приема следния формат:

<a href="URL">Тук поставяте текста на вашия линк</a>

Така че, ако искате текстът "За нашата компания" да представлява линк към HTML документ, наречен about.html, който се намира в главната директория на компютъра с адрес www.fakecorp.com, HTML кодът би изглеждал ето как:

<a xhref="http://www.fakecorp.com/about.html">За нашата компания</a>

Съвет: Старайте се текстът на вашите линкове да бъде описателен. Ликковете, които казват неща от типа "Щракни тук" или "Последвай този линк" не дават достатъчно информация на потребителя за това къде ще отиде.

Както споменах ПО-ГОРЕ, абсолютните URL адреси не са единствените, които може да използвате за хиперлинкове. Ако например team.html е в същата директория и на същия компютър като страницата, съдържаща следния HTML код, показания URL ще работи добре:

<a xhref="team.html">За нашия екип</a>

Друг интересен аспект на относителните линкове е, че те не се променят просто защото вие премествате файловете. Те са като мебелите във вашата всекидневна. Ако вие сте се преместили от един адрес на друг и кажете на приятел "погледни във всекидневната", вероятно той ще намери кресло и диван. Ако сте използвали абсолютна препратка ("Иди на Пиротска 12 и погледни в всекидневната"), ще трябва да промените част от тази препратка, кога се преместите на ново място.
По същия начин, ще трябва да промените абсолютен URL, като например http://www.oldfakecorp.com/about.html, ако се преместите на нов сървърен компютър (като например www.fakecorp.com). Ако URL адресите са били относителни обаче, те продължават да си работят нормално и на новото местоположение

Забележка: Бъдете сигурни, че сте включили нещо във вашата котва - било то текст или изображение. Ако не поставите нищо там, няма да предоставите на вашата публика никаква мишена за щракване.

Едно нещо, което НЕ МОЖЕТЕ да направите с линка, е да вложите един линк в друг (трябва да затворите първия котвен елемент, преди да започнете друг.
Следния пример е НЕПРАВИЛЕН:

Поръчайте <a xhref="product1.html"> Продукт #1 или <a xhref="prodict2.html">Продукт #2 </a> от нашия магазин.

Съвет: Можете също така да създавате линкове, сочещи към всякакъв вид файл, които Web браузър може да покаже, като например текстов файл (.txt) или файл на изображение (.png, .gif, .png). Всъщност, може да поставяте линкове и към множество типове мултимедийни файлове и те ще бъдат предадени на помощно приложение, ако имате такова на разположение.

Демо на http://demoserviz.free.bg



Коментари (8)

ZpqM на 06.05 2007 в 17:24ч.
Тъи като сам на4инаещ моля някои да ми обясни разликата между xhref и href!!!
jorkata_95 на 13.06 2007 в 21:01ч.
И аз да ти кажа нещо не схващам.
jorkata_95 на 14.06 2007 в 09:22ч.
Какъв ще бъде кода за да сменя цвета?Къде се поставя ако искам примерни цвета да е #FFFFFF
Веселин на 22.08 2007 в 17:25ч.
Хубав урок си написал пич но смятам, че имаш някои много съществени грешки в него.. също така е непълен и линка който си дал за "ДЕМО" има грешка при разделянето на "продукт1 или продукт2" линка ти обхваща думата "или" което е недопустимо по принцип. :) проблема идва от това, че когато си написал скрипта не си затворил 1-вия линк а го затваряш с едва след 2-рия линк.. трябва да бъде така: Продукт1 или Продукт2 :) И се пише "href" за да бъде линк..
Xfirebg на 24.10 2007 в 09:02ч.
Човека е написал : "Следния пример е НЕПРАВИЛЕН:

Поръчайте Продукт #1 или Продукт #2 от нашия магазин."
rispicha на 04.11 2007 в 21:00ч.
какъв е кода че сайта от линка да не замества страницата а да се отвори на нова страница?
pepi_ani на 06.11 2007 в 12:09ч.
а като си направил сайта с Dream Wiver после как се качва в нета ?
tear22 на 20.04 2008 в 22:38ч.
Как да си направя търсачка в собствения си саййт- за него самия?

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: IT Новини