Sisäiset linkit HTML:ssä

Edellisessä oppitunnissa teimme linkkejä muiden sivustojen sivuihin kopioimalla niiden osoitteet selaimen osoiterivistä. Oletetaan nyt, että haluat linkittää toisiinsa oman sivustosi sivut.

Siinä tapauksessa niiden osoitteita ei saa kopioida osoiterivistä. Asia on niin, että tällaiset osoitteet sisältävät täydellisen polun sivullesi tietokoneesi juurikansiosta, ja kun sivuja siirretään toiseen kansioon, tällaiset linkit eivät enää toimi.

Oman sivuston sivuille tulisi käyttää toista lähestymistapaa. Opiskellaan se esimerkin avulla. Oletetaan, että sivustosi juurikansiossa on tiedosto index.html ja tiedosto page.html. Linkitetään nämä tiedostot toisiinsa. Tätä varten linkkien href -attribuuttiin tulee yksinkertaisesti kirjoittaa näiden tiedostojen nimet (päätteineen). Tehdään se.

Tehdään sivulle index.html linkki sivulle page.html:

index.html<h1>Index</h1>
<a href="page.html">linkki sivulle</a>

Ja sivulle page.html tehdään linkki sivulle index.html:

page.html<h1>Page</h1>
<a href="index.html">linkki indexiin</a>