▧ Navigazione

Link interni, esterni e ancore

Creare collegamenti tra pagine, link verso siti esterni, email e punti interni della stessa pagina.

Obiettivo della lezione

Creare collegamenti tra pagine, link verso siti esterni, email e punti interni della stessa pagina.

Spiegazione

Il tag a crea collegamenti. L’attributo href indica la destinazione. Un link può puntare a una pagina del sito, a un sito esterno, a un indirizzo email oppure a una sezione della stessa pagina tramite un identificativo.

Un buon link deve avere un testo chiaro: “scarica la guida PDF” è meglio di “clicca qui”.

Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.

Codice di esempio

Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.

<a href="lezioni/default.asp">Vai alle lezioni</a>
<a href="https://www.tastoeffeuno.it">Sito TastoEffeUno</a>
<a href="#contatti">Vai ai contatti</a>

Errori comuni

  • Usare testi generici come “qui” o “clicca”.
  • Dimenticare le virgolette nell’attributo href.
  • Confondere percorsi relativi e assoluti.

Esercizio pratico

Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.

  1. Apri il tuo editor.
  2. Crea o aggiorna un file .html o .asp.
  3. Inserisci il codice della lezione.
  4. Modifica testi e attributi.
  5. Apri la pagina nel browser e controlla il risultato.

Lezioni collegate

Continua il laboratorio

Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.