Odsyłacze czyli hiperłącza

Chociaż w chwili obenej bardzo modne są długie, jednostronicowe witryny, to większość stron potrzebuje odsyłaczy zewnętrzych prowadzących do innych podstron i zwenętrznych witryn.

Składnia hiperłącza jest stosunkowo prosta:

[html]

<a href="adres strony">Widoczny klikalny tekst lub obrazek</a>

[/html]

Łącza mogą odsyłać bezpośrednio do mijsca w sieci np portalu “Wirtualna Polska”:

[html]

<a href="http://wp.pl">Przejdź od WP</p>

[/html]

Może również wskazywać konretny plik na dysku.

[html]

<a href="nazwa_strony.html">Przejdź do strony</a>

[/html]

Nazwa pliku strony nie może zawierać polskich znaków i spacji. W powyższym przypadku również znajduje się dokładnie w tym samym miejscu co plik, na którym umieszczony jest link (hiperłącze).

 

Odsyłacze mogą również przyjmować pewne parametry określające np. czy strona ma się otworzyć na nowej karcie:

[html]

<a href="http://wp.pl" target="_blank">Portal WP</a>

[/html]

Oczywiście to tylko jedna z możliwości, chyba najbardziej potrzebna. Wszystkie opcje przedstawiam poniżej:

_blank – otwiera stronę na nowej karcie lub w nowym oknie,

_self – otwiera w tym samym oknie (wartość domyślna),

_parent – otwiera stronę w miejscu dokumentu nadrzędnego,

_top – wczyta stronę do dokumentu pierwszego w hierarchi (strony głównej),

_framename – otwiera stonę w ramce o konkretnej nazwie.

 

Na koniec chciałbym przybliżyć kotwice czyli odsyłacze do miejsc w obrębie tej samej strony. Na początku należy określić nazwę etykiety, a następnie się do tej nazwy odnieść w hiperłączu.

[html]

<a name="nazwa_etykiety"> Tu jakiś tekst do którego się odwołamy</a>

<a href=#nazwa_etykiety">Przejdź do …</a>

[/html]


Back to: HTML5 i CSS