Препратки в HTML

1.  Какво е URL ?

URL (от Uniform Resource Locator) е универсален начин за обозначаване на адреса на даден ресурс в интернет. Бива 2 вида:

• абсолютен - указва адреса на произволен ресурс в интернет. Използват се за указване на адреса на чужди сайтове. 
• относителен - указва адреса на ресурс, спрямо текущия файл. Използва се за достъп до ресурси от същия компютър или от същия сайт.

2.   ОТНОСИТЕЛЕН URL
Формата на ОТНОСИТЕЛНИЯ URL адрес се указва по няколка начина в зависимост къде се намира файла :

• файл от същата директория - указва се с "име.разширение" или с " ./име.разширение". Например - logo.gif или ./logo.gif .
• файл в под директория - указва се с " под директория/име.разширение" . Например -documenti/snimka.png .
• файл в по-горна директория - указва се с "../име.разширение" като всяко двуеточие представлява 1 по-горна директория. 
• Например :

• произволен файл на същия компютър - указва се с "/директория/под директория/име.разширение". Например - за да посочим адреса на index.html (виж схемата) трябва да въведем /documenti/bobo/index.html

3.   АБСОЛЮТЕН URL

Формата на АБСОЛЮТНИЯ URL адрес се указва по-следния начин :
протокол : //домейн:порт/път/до/файла/ име.разширение , където :

• протокол - указва топологията, която се използва за достъп до файла (http, https, ftp, mailto и др.). За повече информация виж в wikipedia.org.
• домейн - ip адреса на компютъра, на който се намира ресурса.За повече информация виж в wikipedia.org.
• порт - входна точка на дадения компютър.
• път/до/файла - указва директорията и под директориите, през които трябва да се премине, за да се стигне до файла.

4. Препратки

Препратките се добавят с тага <а>...</а>. Основният му атрибут еhref="стойност" като стойността е адресът, към който води препратката.

·                     Препратка към чужди сайтове. Например :

<а href="http://www.google.bg">GOOGLE</а>

В браузъра ще се вижда само GOOGLE като при кликване върху надписа, ще се отвори страницата http://www.google.bg.

NB! Посочването на целия URL (с http://) e задължително, защото иначе страницата няма да се отвори.

·                     Препратка към страница от вашия сайт. В този случай просто записваме като стойност на href "име на страницата.html" (aко са в една и съща папка) или "горна или под директория/име на страницата.html" (ако са в различни папки). Например:

<а href="kontakti.html">Свържи се с мен</a>

·                     Препратка към част от страницата. За да се осъществи този тип препратки, е нужно :

·                                             Първо - да се окаже цел (целта е наименовано място в дадена web страница).Това става чрез атрибута name="стойност" като стойността е някакъв текст. Например:

<а name="sudurjanie" >Съдържание</a>

·                                             Ако искаме да окажем цел на заглавие , просто дописваме атрибута id="стойност" в тага <h>...</h>. Например :

<h2 id="zaglavie">Заглавие</h2>

·                                             Второ - да се окаже друга препратка, която да превърти до дадената цел. Това става чрез атрибута href="стойност" като стойността e "#име на целта" . Например :

<а href="#sudurjanie">Препратка,водеща към Съдържанието</a>

·                     Препратка, която стартира програма за ел. поща. указва се с атрибутаhref като стойността е "mailto:vashiq e-mail ". Например :

<a href="mailto:ivancho@abv.bg">Пишете ми</a>

·         Препратка от изображение

<а href="http://bg.wikipedia.org/wiki/Медуза_(животно)">
< img src="primer.jpg" alt="meduza"> </a>

Ще изглежда така :

По подразбиране изображението-препратка се показва с рамка. Ако не искате да има рамка или пък искате да е с определена дебелина, трябва да включим в маркера за добавяне на изображение атрибута border="стойност". Например :

<а href="http://bg.wikipedia.org/wiki/Медуза_(животно)">
<img src="primer.jpg" alt="meduza" border="0"> </a> 

Ще изглежда така :

Препратките могат да се отварят и в нов прозорец. Това става чрез атрибута target и неговата стойност  "_blank" . Например :

<a href="http://www.google.bg" target="_blank" >Пробвай!</a>

Ще се визуализира :

Пробвай! 

NB! По подразбиране препратките(текст или изображение) в браузъра се показват подчертани и в син цвят, а посетените - във виолетов. Цвета им може да бъде променен като в маркера <body>...</body> включим атрибутите link , alink и vlink.

Със знанията дотук вече може да създадете своята първа web галерия :D