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:

index.html<h1>Index</h1>
<a href="page.html">link do strony</a>

A na stronie page.html utwórzmy link do strony index.html:

page.html<h1>Page</h1>
<a href="index.html">link do index</a>