I link
Adesso, dopo aver fatto pratica con i tag della scorsa lezione, andiamo a vedere come funzionano i link, l'anima poratante di internet e dei siti web. I link, o collegamenti ipertestuali, permettono di passare da una pagina all'altra, da un sito ad un'altro, semplicemente cliccando su di un testo. Un'esempio di link sono le voci del menù di questo sito per intenderci. Ora dopo una doverosa spiegazione, passiamo alla pratica: apriamo il Blocco Note e incominciamo a scrivere la struttura base di un documento HTML e aggiungiamo un link come nel listato qui sotto.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>I link</title> </head> <body> <p> Questa è, una pagina web e questo è <a href="pagina2.html">un link</a> </p> </body> </html>
Adesso salvate il file con il nome "pagina1.html" in una cartella che chiamerete "il_mio_sito". Quindi create una nuova pagina come abbiamo fatto sopra e scrivete quello che volete tra i tag <p> e </p>. Salvate questa pagina nella stessa cartella di prima con il nome "pagina2.html". Ora aprite nel browser il file "pagina1.html". Quello che vedrete sarà un testo normale e poi un testo blu sottolineato. Cliccando su questo testo sottolineato (il link) verremo portati nella pagina chiamata "pagina2.html".
Adesso vediamo meglio come funziona il tag del link.
<a>...</a>
Prima di tutto il testo che vogliamo sia il link lo racchiudiamo tra i tag <a> e </a>. Adesso
dobbiamo decidere quale file vogliamo richiamare. Per fare questo abbiamo bisogno degli attributi dei link.
Gli attrubiti dei tag vanno solo nel tag iniziale e non in quello di chiusura. L'attributo che ci serve per richiamare una
pagine è href.
<a href="nomepagina.html">testo del link</a>
Naturalmente al posto di "nomepagina.html" dovremo mettere il vero nome della pagina che vogliamo. Se il file richiamato non è nella setssa cartella di quello che lo richiama dovremo mettere anche il nome di quella cartella. Con un esempio è più semplice:
<a href="nomecartella/nomepagina.html">testo del link</a>
Questo codice si usa quando il file sta in una sotto cartella. Se invece il file sta in una cartella superiore si userà questo codice:
<a href="../nomepagina.html">testo del link</a>
Se invece volessimo richiamare un'altro sito presente su internet? Allora dovremo scrivere l'URL di questo sito compreso di "http://" tra le doppie virgolette ("queste") di href.
<a href="http://www.google.it">Link a Google</a>
Con questo codice, per esempio, abbiamo richiamato il sito del motore di ricerca Google.
Mi raccomando di dedicare molto tempo alla studio di questa lezione che obiettivamente è un po difficile. Per fare pratica quindi vi do una specie di "compitini a casa": create 4 pagine web (i nomi li lascio decidere a voi). In ognuna delle prime tre pagine scrivete la descrizione di tre dei vostri film preferiti, mentre nella quarta create un indice in cui metterete i tre link alle pagine dei tre film. Fate questo giusto per prendere confidenza con questo imporatntissimo tag.
