Przejdź do zawartości

HTML/Hiperłącza

Z Wikibooks, biblioteki wolnych podręczników.

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

[edytuj]
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

[edytuj]

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>[1] <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?

[edytuj]

Tekst

[edytuj]

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

[edytuj]

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.

Przypisy

  1. Akcje:
    call - rozmowa głosowa
    chat - rozmowa tekstowa
    add - dodaj do kontaktów
    userinfo - profil użytkownika
    voicemail - poczta głosowa
    sendfile - wyślij plik