|
|
Collegamenti
ipertestuali e ancoraggi con nome |
Probabilmente rappresentano la parte più importante nell'HTML poichè ci permettono di spostarci all'interno di un sito, visitandone tutte le pagine, o da un sito all'altro.
La coppia di tag utilizzata per inserire un collegamento ipertestuale è <a></a>.
Al tag <a> bisogna associare l'attributo href. All'interno dei tag <a></a> andrà il testo o l'immagine, a cui vogliamo assegnare il collegamento.
Se ad esempio vogliamo fare in modo che il visitatore del sito, cliccando sull'immagine 'immagine.gif' venga portato al sito 'http://www.vuolo.net', useremo la seguente sintassi:
<a href="http://www.vuolo.net"><img src="immagine.gif" border=0></a>
Nel tag img abbiamo utilizzato l'attributo 'border=0' per fare in modo che l'immagine non sia bordata. Infatti, quando applichiamo un link a un'immagine, essa, di default, viene bordata.
L'uso dei TARGET*
Il tag <a> prevede, tra gli altri, l'attributo target="destinazione del collegamento", dove, per destinazione del collegamento si intende in quale finestra sarà aperta la pagina a cui è collegato il link su cui andremo a cliccare. Se non impostiamo alcun target, verrà riutilizzata la medesima finestra del browser. Se invece all'attributo target daremo il valore _blank, vale a dire target="_blank", cliccando sul collegamento ipertestuale, la pagina ad esso collegata sarà aperta in una nuova finestra.
*L'impiego dei target è molto utile se si utilizzano i frame.
Ancoraggi con nome
Creare un ancoraggio con nome significa definire un 'segnalibro' all'interno di una pagina web e far puntare ad esso un collegamento ipertestuale. Si tratta in pratica di costituire un link che consente la navigazione all'interno dello stesso documento web. Prima di tutto occorre definire il segnalibro:
<a name="segnalibro">Testo</a>
In secondo luogo bisognerà creare il collegamento che punta al segnalibro così creato:
<a href="#segnalibro">Vai al segnalibro creato</a>
Ora cliccando sul link 'Vai al segnalibro creato', saremo portati direttamente alla parola 'Testo'.
(è possibile assegnare segnalibri non solo al testo ma anche ad altri elementi, come ad esempio alle immagini).
Lezione
successiva => Torna
all'indice |
|
|