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:
<h1>Index</h1>
<a href="page.html">linkki sivulle</a>
Ja sivulle page.html tehdään linkki
sivulle index.html:
<h1>Page</h1>
<a href="index.html">linkki indexiin</a>
Tee kolme HTML-sivua sivustosi juureen.
Nimeä ne 1.html, 2.html,
3.html. Linkitä nämä sivut toisiinsa
linkeillä.
Tee myös sivu index.html.
Aseta sille linkit sivuille 1.html,
2.html, 3.html.
Muokkaa edellistä tehtävää siten, että
linkit sijaitsevat listassa ul.
