Come fare un collegamento interno in una pagina HTML

Come creare un collegamento interno in una pagina web. In questa lezione impareremo ad usare le etichette (o segnalibri). Le etichette sono link particolari la cui funzione consiste nel linkare verso un punto preciso della pagina web. Quando l'utente clicca sull'etichetta non viene trasportato in un'altra pagina web o su un altro sito, l'utente resta sulla pagina web di origine ma ad un punto diverso della stessa. Facciamo un esempio pratico. Prova a cliccare qui. Il segnalibro in una pagina web è conosciuto anche con il nome di etichetta o ancora.

Come inserire un segnalibro

Per inserire il link verso un segnalibro (o etichetta) è necessario utilizzare due elementi del linguaggio Html:

• punti di partenza
• punto di arrivo

Il punto di partenza è il punto della pagina in cui si trova il link. Il punto di arrivo è il punto di destinazione (ancoraggio). Il primo passo che dobbiamo compiere è la creazione dell'etichetta (o ancora/segnalibro). Per farlo utilizziamo il tag A con l'attributo NAME nel seguente modo:

<a name="arrivo">Questo non è un link ma il punto di destinazione della pagina</a>

Il lettore più attento avrà subito notato la differenza con il tag A che abbiamo utilizzato per creare un link. Per creare una etichetta non bisogna utilizzare l'attributo HREF ma soltanto l'attributo NAME. L'attributo NAME indica il nome del segnalibro. In una pagina web è quindi necessario utilizzare per ogni segnalibro un nome diverso. Una volta creato il punto di arrivo possiamo creare il punto di partenza. Per farlo utilizziamo sempre il tag A utilizzando però l'attributo HREF.

<a href="#arrivo">Vai al segnalibro</a>

Per linkare un paragrafo interno è necessario utilizzare nel campo del collegamento (HREF) il carattere cancelletto # seguito dal nome del paragrafo da linkare. In una pagina web possiamo inserire più punti di partenza che puntano ad un medesimo punto di arrivo. Ricapitolando. Per realizzare un collegamento interno in una pagina web occorre definire l'etichetta (o ancora o segnalibro) attraverso l'attributo NAME e richiamarla tramite un link inserendo come valore dell'attributo href il valore dell'attibuto name preceduto dal segno #.

Se sei giunto fin qui hai cliccando sull'esempio, come puoi vedere sei arrivato ad un punto diverso della stessa pagina web. Per tornare al punto di partenza clicca qui. Se invece sei giunto fin qui perché hai letto tutta la pagina... allora sei giunto al termine della lezione.

Commenti

Scrivi il tuo commento sulla pagina
"Come fare un collegamento interno in una pagina HTML "

Link utili per approfondire il tema
Html corsi informatica