linki adsense

wtorek, 11 grudnia 2012

KURS HTML - LINKI

Linki można znaleźć na prawie każdej stronie internetowej. Linki pozwalają użytkownikowi przenosić się z jednej strony WWW na inną.



Przyklady - Spróbuj sam


Linki HTML
Jak tworzyć linki w dokumencie HTML.

(Na końcu posta znajduje się więcej przykładów)



Hiperlinki (linki) HTML


Znacznik <a> definiuje hiperlink.
Hiperlink (lub link) to słowo, grupa słów, lub obrazek który możesz kliknąć żeby przeskoczyć do innego dokumentu HTML.
Jeśli przesuniesz kursor nad link na stronie, strzałka zmieni się w małą rękę.
Najważniejszym atrybutem znacznika <a> jest atrybut href, który wskazuje cel linka.
Standardowo w przeglądarkach linki wyglądają następująco:

  • Nie odwiedzony link jest niebieski i podkreślony
  • Odwiedzony link jest purpurowy i podkreślony
  • Link aktywny jest czerwony i podkreślony



Składnia Linka HTML


Kod HTML dla linka jest prosty. Wygląda tak:

<a href="url">tekst linka</a>
Atrybut href określa cel linka.


Przykład



<a href="http://www.w3schools.com/">Visit W3Schools</a>
który wyświetla się tak: Visit W3Schools
Kliknięcie tego linka przeniesie na stronę domową W3Schools.

Uwaga: "tekst linka" nie musi być tekstem. Może być obrazkiem lub innym elementem HTML.



Linki HTML - Atrybut target


Atrybut target określa gdzie ma być otwarty dokument HTML wskazany przez linka.
Poniższy przykład będzie otwierał dokument w nowym oknie przeglądarki lub w nowej karcie:


Przykład


<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

SPRÓBUJ SAM »




Linki HTML - Atrybut id


Atrybut id może być użyty do stworzenia zakładki wewnątrz dokumentu HTML.
Uwaga: Zakładki nie są wyświetlane w żaden specjalny sposób. Są niewidzialne dla czytelnika.


Przykład


Odsyłacz z id wewnątrz dokumentu HTML:

<a id="porady">Sekcja przydatnych porad</a>
Stworzenie linka do "Sekcji przydatnych porad" wewnątrz tego samego dokumentu:

<a href="#porady">Odwiedź sekcję przydatnych porad</a>
Lub stworzenie linka do "Sekcji przydatnych porad" z innej strony internetowej:

<a href="http://www.w3schools.com/html_links.htm#porady">Odwiedź sekcję przydatnych porad</a>




Użyteczne porady


Uwaga: Zawsze dodawaj znak slash do podfolderu odniesienia. Jeśli stworzysz linka w ten sposób: href="http://www.w3schools.com/html", wygenerujesz dwa żądania do serwera, serwer najpierw doda znak slahs do adresu, a potem stworzy nowe żąda: href="http://www.w3schools.com/html/".



Więcej przykładów


Obrazek jako link
Jak użyć obrazka jako link.

Link do miejsca na tej samej stronie internetowej
Jak stworzyć link do zakładki.

Wydostanie się z ramki
Jak wydostać się z ramki (jeśli twoja strona jest zamknięta w ramce).

Tworzenie linka wysyłania wiadomości (mailto)
Jakl stworzyć linka do wysyłania wiadomości mail (będzie działać jeśli masz zainstalowanego i skonfigurowanego klienta pocztowego).

Tworzenie linka wysyłającego wiadomość 2
Inny link wiadomości mail.



Znacznik linka HTML



ZnacznikOpis
<a>Definiuje hiperlink

Brak komentarzy:

Prześlij komentarz