Collegamenti ipertestuali (link)
Ultima modifica: 13/07/12
I collegamenti ipertestuali, spesso chiamati con il loro nome inglese link, sono quelli che si hanno quando cliccando su una parola (in genere evidenziata con un altro colore rispetto al resto del testo) o un'immagine si apre una nuova pagina o documento. In generale si tratta di un collegamento, un rinvio da un'unità informativa ad un'altra.
Esempi di collegamenti ipertesuali
- Tutte le frasi della colonna laterale sinistra di questo sito: cliccando su ciascuna di esse venite rimandati ad un'altra pagina del sito.
- Il bannerino del sito (l'immagine con scritto il sito di Yuka) in alto: cliccandoci venite riportati ad una nuova pagina, esattamente la home del sito.
Codici HTML per collegamenti ipertestuali
Il codice HTML per creare un collegamento ipertestuale è il seguente:
<a href="indirizzo della pagina da collegare">testo (o immagine, o altro)</a>
dove al posto indirizzo della pagina da collegare bisogna scrivere l'indirizzo della pagina web (http://www.ecc...) a cui volete accedere quando si clicca sul testo. E chiaramente al posto della parola testo (o immagine, o altro) dove inserire la parola, la frase o il contenuto (ad esempio un'immagine) che volete si possa cliccare.
Esempio di link su testo
Supponiamo che vogliate collegare questa pagina web sulla scala pitagorica (il cui indirizzo è: http://www.lanaturadellecose.it/sonia-cannas-289/matematica-e-musica-290/la-scala-pitagorica-292.html) alla parola scala pitagorica, cioè che sulla parola scala pitagorica si possa cliccare e vi rimandi a quella pagina. Il codice HTML che dovete scrivere sarà:
<a href="http://www.lanaturadellecose.it/sonia-cannas-289/matematica-e-musica-290/la-scala-pitagorica-292.html">scala pitagorica</a>
Esempio di link su immagine
Supponiamo che vogliate collegare questa pagina (il cui indirizzo è: http://yuka88.altervista.org) alla seguente immagine:
cioè che cliccando su questa immagine veniate rimandati a quella pagina. In questo caso il contenuto da cliccare è un'immagine, quindi nel codice per i collegamenti ipertestuali, al posto della parola testo (o immagine, o altro), dovete inserire il codice per l'inserimento di un'immagine. In pratica dovete comporre il codice relativo ai collegamenti ipertestuali con quello per l'inserimento delle immagine. Il codice HTML risultante che dovete scrivere sarà:
<a href="http://yuka88.altervista.org"><img src="logo.png"/></a>
