Този урок ще ви запознае с линковете (hyperlinks) в HTML.
Очаква се да знаете какво е таг, атрибут, стойност на атрибута, както и останалата част от основите на HTML.
Hyperlink или на кратко link е препратка към друга част на дадена уеб страница или към съвсем различна страница.
Думата Hyperlink има няколко еквивалента на български - връзка, линк или хиперлинк. Трите са синоними. В различни уроци или дискусии можете да ги срещате и в трите варианта. За мен най-удобно е линк, за това ще ползвам най-често него.
Основа на линковете
Линковете в HTML се задават чрез тага където "а" е съкращение от anchor (от англ. котва, хвърлям котва)
Ето пример Photoshop-BG
Това ще бъде изведено като - Photoshop-BG
HREF?!
Може би сте се зачудили какво всъщност атрибутът href означава. Е това е съкращение от Hypertext Reference (англ. текстова препратка)
Стойността на този таг е адресът, към който препраща даденият линк.
Препратка към друга част от същата страница
В началото написа, че линкът може да ви препрати към друга част от същата уеб страница. Ето как става това:
Да кажем, че имате няколко блока от по-дълги текстове и искате да направите така, че потребителите да се ориентират по-лесно. Ще направите линк към всеки един блок, така че да може от най-горната част на страницата (където ще поставите линковете) да се стига бързо и лесно до всеки един текстов блок, без да се налага да скролирате страници и страници.
За да направите всичко това, трябва само да поставите следния код пред някой от текстовите блокове (или неконкретно - на мястото, където искате да препраща линка):
...
След това, за да направите линк към тази позиция поставяте следния код:
Otidete tam
Както би трябвало да се досещате стойностите ime_na_linka и Otidete tam са само примерни и могат да бъдат сменени по всяко време.
В самия линк "#"-ът в началото дава информация на браузъра, че мястото, което ще посетим се намира в отворената страница.
Линк към друга страница
Да предположим, че имате две страници - stranica1.html и stranica2.html
За да поставите линк, който да води от stranica1.html към stranica2.html, трябва да използвате следния код:
Stranica2 в stranica1.html
Аналогично, за да поставите линк, който да води от stranica2.html към stranica1.html, трябва да използвате кода:
Stranica1 в кода на stranica2.html
За да направите линк към специфична част от друга страница се ползва почти същата техника. Поставяте в другата страница (която примерно се казва stranica2.html), връщате се на първата и поставяте следния код:
ime
Началото на стойността на href задава към коя страница ще ни води линкът, а след # - към коя част от самата страница ще ни води линкът.
E-Mail Линкове
E-Mail линковете се ползват доста често. Те не са по-сложни за добавяне, ползване или овладяване...
Ето как изглежда един e-mail линк:
E-Mail
Това ще изглежда като: E-Mail
В началото на стойността на атрибута href, казваме на браузъра, че в този линк ще въведем e-mail, чрез "mailto:".
След като цъкнете на този линк, браузърът ще отвори вашият e-mail клиент (по подразбиране) и ще въведе автоматично дадения e-mail в полето за получател.
Ако искате автоматично да бъдат попълнени и други полета, трябва да добавите още няколко неща към href стойността.
Например:
Hello
Ще промени темата на съобщението (subject) на Hello.
Ако искате да въведете текст в самото съобщение, ползвайте "?body=text" в края на линка. Това ще добави "text" към съобщението.
Естествено, можете да направите няколко модификации едновременно. Елементите се обединяват чрез "&". Например:
Hello, whats up?
Ще отвори мейл клиентът по подразбиране, като в полето на получателя ще бъде попълнено "someone@adress.com", в полето subject - "Hello", а в текста на съобщението "Whats up?"
Можете да направите линк, който да изпраща e-mail към повече от един e-mail адреса.
Това става като отделяте e-mail адресите със запетая:
Mail them
Това ще изпраща e-mail към адресите: someone@aderss.com, another@adress.com и andanother@anotheradress.com
Това е в общи линии!
Препоръчвам ви да прочетете урока един-два пъти и да се поупражнявате малко във въвеждането на всички видове линкове.
Линковете присъстват във всички добри сайтове. Ако искате да имате сайт, състоящ се от повече от една страница ще бъде задължително да ги ползвате.
За това е повече от препоръчително да ги овладеете добре!
