Link al testo e all’immagine - Link all’ancora
Il link serve a farci collegare con un’altra pagina. Il codice da utilizzare è:
Il sito <a href="http://www.ladispensa.altervista.org"> LaDispensa ti dispensa!</a> |
Così avremo:
Il sito LaDispensa ti dispensa!
Cliccando sul link la pagina cambierà e ci ritroveremo in un’altra pagina. Se poi volete che la pagina linkata si apra su un’altra pagina e quindi non sulla stessa, modifichiamo il codice aggiungendo target="_blank":
Il sito <a href="http://www.ladispensa.altervista.org" target="_blank"></a> |
Dimostrazione:
Il sito LaDispensa ti dispensa!
Adesso proviamo a linkare un’immagine:
<a href="http://ladispensa.altervista.org" target="_blank"> <img src="http://ladispensa.altervista.org/wp-content/uploads/2007/11/avatar6427_8.png" alt="avatar6427_8.png" /></a> |
Dimostrazione:
Clicca sulla bandiera, si aprirà la home page di questo sito. Se vogliamo togliere il bordo all’immagine, inseriamo all’interno del tag <img> border="0"
<a href="http://ladispensa.altervista.org" target="_blank"><img src="http://ladispensa.altervista.org/wp-content/uploads/2007/11/avatar6427_8.png" border="0" alt="avatar6427_8.png" /></a> |
Ed avremo:
Ora mettiamo il link all’ancora (cliccando un link, la pagina ti riporta in un punto della stessa pagina):
<a name="ancora">questa è l'ancora</a> |
<a href="#ancora">Questo è il link.Cliccando qui ti ritroverai nell'ancora</a> |
Dimostrazione: Questo è il link.Cliccando qui ti ritroverai nell’ancora
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.