Linki wewnętrzne w HTML
W poprzedniej lekcji tworzyliśmy linki do stron obcych witryn, kopiując ich adres z paska adresu przeglądarki. Załóżmy teraz, że chcesz połączyć linkami strony swojej własnej witryny.
W takim przypadku nie można kopiować ich adresów z paska adresu. Chodzi o to, że takie adresy będą zawierać pełną ścieżkę do Twojej strony od głównego dysku Twojego komputera i przy przeniesieniu do innego folderu takie linki po prostu przestaną działać.
Dla stron własnej witryny należy stosować
inne podejście. Prześledźmy je na przykładzie. Załóżmy, że
w głównym folderze Twojej witryny znajduje się
plik index.html i plik page.html.
Połączmy te pliki linkami. W tym celu w atrybucie
href linków należy po prostu wpisać
nazwy tych plików (z ich rozszerzeniem). Zróbmy
to.
Na stronie index.html utwórzmy link
do strony page.html:
<h1>Index</h1>
<a href="page.html">link do strony</a>
A na stronie page.html utwórzmy link
do strony index.html:
<h1>Page</h1>
<a href="index.html">link do index</a>
Utwórz trzy strony HTML w głównym folderze Twojej
witryny. Nazwij je 1.html, 2.html,
3.html. Połącz te strony linkami
wzajemnie.
Utwórz także stronę index.html.
Umieść na niej linki do stron 1.html,
2.html, 3.html.
Zmodyfikuj poprzednie zadanie tak, aby
linki znajdowały się w liście ul.
