Il tag HTML <a>

Esempi di utilizzo del tag <a> per creare un link esterno

Sintassi di un link:

	<a href="http://www.yourinspirationweb.com">La community sul webdesign</a>

Che dà come risultato:

La community sul webdesign

Utilizzo del tag <a> per creare un collegamento interno o āncora

Prima di tutto inseriamo l'´ncora alla "destinazione", ovvero alla risorsa (nel nostro caso il quinto capitolo di un libro) che vogliamo raggiungere grazie al link interno.

La sintassi è la seguente:

	<a name="capitolo5">Quinto capitolo - Progettare web standard</a>

L'àncora non è visibile, infatti il risultato è il seguente:

Quinto capitolo - Progettare web standard

Lorem ipsum etiam et tellus id velit viverra tristique. Sed ultrices, erat ac facilisis tincidunt, est eros tempor ligula, cursus porttitor nunc est pellentesque felis. Etiam gravida dolor et tortor semper a mattis leo ullamcorper. Ut nibh libero, accumsan eu consequat quis, iaculis vitae risus. Aliquam iaculis enim a nunc consectetur mollis. Mauris vulputate porttitor sem eget commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus lacinia, mauris et iaculis viverra, nibh mauris varius nibh, eget pellentesque felis nunc adipiscing lacus. Nam ut metus lectus, eu facilisis nulla. Quisque erat neque, fringilla quis suscipit in, pulvinar id enim.

Lorem ipsum etiam et tellus id velit viverra tristique. Sed ultrices, erat ac facilisis tincidunt, est eros tempor ligula, cursus porttitor nunc est pellentesque felis. Etiam gravida dolor et tortor semper a mattis leo ullamcorper. Ut nibh libero, accumsan eu consequat quis, iaculis vitae risus. Aliquam iaculis enim a nunc consectetur mollis. Mauris vulputate porttitor sem eget commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus lacinia, mauris et iaculis viverra, nibh mauris varius nibh, eget pellentesque felis nunc adipiscing lacus. Nam ut metus lectus, eu facilisis nulla. Quisque erat neque, fringilla quis suscipit in, pulvinar id enim.

Lorem ipsum etiam et tellus id velit viverra tristique. Sed ultrices, erat ac facilisis tincidunt, est eros tempor ligula, cursus porttitor nunc est pellentesque felis. Etiam gravida dolor et tortor semper a mattis leo ullamcorper. Ut nibh libero, accumsan eu consequat quis, iaculis vitae risus. Aliquam iaculis enim a nunc consectetur mollis. Mauris vulputate porttitor sem eget commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus lacinia, mauris et iaculis viverra, nibh mauris varius nibh, eget pellentesque felis nunc adipiscing lacus. Nam ut metus lectus, eu facilisis nulla. Quisque erat neque, fringilla quis suscipit in, pulvinar id enim.

Lorem ipsum etiam et tellus id velit viverra tristique. Sed ultrices, erat ac facilisis tincidunt, est eros tempor ligula, cursus porttitor nunc est pellentesque felis. Etiam gravida dolor et tortor semper a mattis leo ullamcorper. Ut nibh libero, accumsan eu consequat quis, iaculis vitae risus. Aliquam iaculis enim a nunc consectetur mollis. Mauris vulputate porttitor sem eget commodo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus lacinia, mauris et iaculis viverra, nibh mauris varius nibh, eget pellentesque felis nunc adipiscing lacus. Nam ut metus lectus, eu facilisis nulla. Quisque erat neque, fringilla quis suscipit in, pulvinar id enim.

Lorem ipsum etiam et tellus id velit viverra tristique. Sed ultrices, erat ac facilisis tincidunt, est eros tempor ligula, cursus porttitor nunc est pellentesque felis. Etiam gravida dolor et tortor semper a mattis leo ullamcorper. Ut nibh libero, accumsan eu consequat quis, iaculis vitae risus. Aliquam iaculis enim a nunc consectetur mollis.

Adesso poniamo il caso di voler inserire, alla fine del nostro documento, un indice che riassume i vari capitoli del nostro libro:

	Primo capitolo - L'incontro con il cliente
Secondo capitolo - Progettare la struttura del sito
Terzo capitolo - Trovare l'ispirazione e disegnare il layout
Quarto capitolo - Presentare la bozza al cliente
Quinto capitolo - Progettare web standard

Successivamente richiamiamo l'àncora inserita al quinto capitolo, aggiungendo nella voce correlata dell'indice un link che punti ad essa:

	<a href="#capitolo5">Quinto Capitolo - Progettare web standard</a>

Che dà come risultato:

Quinto Capitolo - Progettare web standard

In questo modo con un solo click sulla voce dell'indice Quinto Capitolo - Progettare web standard l'utente verrā direzionato verso l'àncora #capitolo5 a cui essa fa riferimento.