HTML/Hiperłącza

W HTML można umieszczać linki (nazywane również odnośnikami lub (hiper)łączami) do dokumentów lub ich części. Wstawia się je w następujący sposób:

<a href="Adres">Opis odnośnika</a>

W miejsce adres możemy zamieścić praktycznie wszystko to, co znajdziesz w poniższej tabelce:

Spis odsyłaczy

Do	Opis	Kod	Przykład	Uwagi
Podstrony	W otrębie tej samej (naszej) strony	<a href="względna ścieżka dostępu">opis</a>	Wstęp do podręcznika
Etykiety	To pewne zaznaczone miejsce na stronie - w otrębie tego samego dokumentu	<a href="(ścieżka do strony)#nazwa_etykiety">opis odsyłacza</a>	Zob. tabela "Spis treści".
Adresu internetowego	Czyli hiperłącze poza naszym serwisem - w otrębie całego internetu :-)	<a href="http://adres strony">opis</a>	Nasz siostrzany projekt	Adres zawsze musi rozpoczynać się od http://
E-mail	Do komunikacji z czytelnikami	<a href="mailto:adres e-mail">opis</a>	mailto:mxmaru@gmail.com	By uchronić swój adres przed botami wysyłającym spam, można e-mail dodać do kodu źródłowego strony w sekcji head w miejscu meta, lub wykorzystać Web Code Protector
FTP		<a href="ftp://ftp.adres">opis</a>
NNTP	Network News Tranport Protocol - Sieciowy Protokół Transportu Wiadomości, używany przez grupy dyskusyjne.	<a href="nntp://adres">opis</a>
Telnet		<a href="telnet://użytkownik@adres">opis</a>
SSH		<a href="ssh://użytkownik@adres">opis</a>
SLL		<a href="https://adres">opis</a>
Odsyłacz do skryptu	Używany przede wszystkim wtedy, kiedy zwykle już się zagłębimy w tworzenie stron i będziemy używali np. Javy czy PHP.	<a href="javascript:polecenia">opis</a>
WAIS		<a href="wais://adres">opis</a>
Gopher		<a href="gopher://adres">opis</a>

Komunikatory internetowe

podlinkowania do komunikatorów mają swoje odzwierciedlenie także w HTML:

Do	Opis	Kod	Kod statusu użytkownika	Uwagi
Gadu-Gadu	Najpopularniejszy w Polsce protokół komunikacyjny	<a href="gg:numer">opis</a>	<img src="http://status.gadu-gadu.pl/users/status.asp?id=numer&styl=styl" alt="Gadu-Gadu" />	drugi znacznik pozwala na pokazanie statusu użytkownika. Gdzie styl należy podać liczbę która pojawi się w wypadku braku aktywności. 1 to niedostępny 2 dostępny 3 zaraz wracam
ICQ	Ten natomiast jest najpopularniejszym protokołem zagranicą.	<a href="icq:numer">opis</a>	<img src="http://web.icq.com/whitepages/online?icq=numer&img=status" alt="ICQ" />
Tlen	Konkurencyjny dla Gadu-gadu protokół	<a href="tlen://chat|użytkownik|">opis</a>	<img src="http://status.tlen.pl/?u=użytkownik&t=styl" alt="Tlen" />
Skype	Najpopularniejszy na świecie komunikator głosowy	<a href="skype:użytkownik">opis</a> <a href="skype:użytkownik?akcja">opis</a>	<img src="http://mystatus.skype.com/ikony/użytkownik" alt="Skype" />	Gdzie pisze ikony należy podać jeden z tych zestawów ikon: smallicon, mediumicon, smallclassic, bigclassic, balloon.
Jabber		<a href="xmpp:użytkownik@serwer">opis</a>	brak
Yahoo! Messenger		<a href="ymsgr:sendim?użytkownik">opis</a>	<img src="http://opi.yahoo.com/online?u=użytkownik&m=g&t=typ" alt="Yahoo! Messenger" />
AIM		<a href="aim:goim?screenname=użytkownik&message=wiadomość">opis</a>	brak

Po czym poznać hiperłącze?

Tekst

Na stronie internetowej jako hiperłącze może występować tekst. Poznać go można po tym, że jest najczęściej koloru granatowego i podkreślony. Jeśli dany link na stronie już odwiedziliśmy, pojawi się kolor fioletowy. Można zmieniać ich wygląd korzystając z CSS.

Obrazy

W przypadku obrazów też można rozpoznać hiperłącze - wokół obrazu pojawia się niebieska ramka. Łatwo jednak jest się jej pozbyć: wystarczy wstawić atrybut border="0" w znaczniku, jednak bardziej zalecane jest używanie styli CSS.