Link interni in HTML
Nella lezione precedente abbiamo creato link a pagine di siti altrui, copiando il loro indirizzo dalla barra degli indirizzi del browser. Supponiamo ora che tu voglia collegare con dei link le pagine del tuo sito.
In tal caso, non è possibile copiarne gli indirizzi dalla barra degli indirizzi. Il fatto è che tali indirizzi conterranno il percorso completo della tua pagina a partire dal disco root del tuo computer, e quando spostati in un'altra cartella, questi link semplicemente si romperanno.
Per le pagine del proprio sito, si dovrebbe adottare
un approccio diverso. Studiamolo con un esempio. Supponiamo
che nella cartella root del tuo sito siano presenti
il file index.html e il file page.html.
Colleghiamo questi file con dei link. Per farlo, nell'attributo
href dei link, basta scrivere
i nomi di questi file (con la loro estensione). Facciamolo.
Sulla pagina index.html creiamo un link
alla pagina page.html:
<h1>Index</h1>
<a href="page.html">link alla pagina</a>
E sulla pagina page.html creiamo un link
alla pagina index.html:
<h1>Page</h1>
<a href="index.html">link all'index</a>
Crea tre pagine HTML nella root del tuo
sito. Denominale 1.html, 2.html,
3.html. Collega queste pagine con link
reciproci.
Crea anche una pagina index.html.
Posiziona su di essa i link alle pagine 1.html,
2.html, 3.html.
Modifica il task precedente in modo che
i link siano posizionati in una lista ul.
