Tag <a> in HTML

Definizione e utilizzo

<a href="https://www.codegrind.it">Visita Codegrind.it</a>

Il tag <a> definisce un collegamento ipertestuale, utilizzato per collegare una pagina ad un’altra.

L’attributo più importante dell’elemento <a> è href, che indica la destinazione del collegamento.

Di default, i link appaiono in questo modo su tutti i browser:

• Un link non visitato è sottolineato e blu
• Un link visitato è sottolineato e viola
• Un link attivo è sottolineato e rosso

Note

Se il tag <a> non ha l’attributo href, funge solo da segnaposto per un collegamento ipertestuale.

Di norma, una pagina collegata viene visualizzata nella finestra del browser corrente, a meno che tu non specifichi un altro target.

Utilizza CSS per stilizzare i link: CSS per i link e i pulsanti CSS.

Esempi

Come utilizzare un’immagine come link:

<a href="https://www.codegrind.it">
  <img alt="Codegrind logo" src="codegrind_logo.png" width="100" height="100" />
</a>

Come aprire un link in una nuova finestra del browser:

<a href="https://www.w3schools.com" target="_blank">Visita W3Schools.com!</a>

Come mandare una email con html:

<a href="mailto:someone@example.com">Invia email</a>

Come aprire il tastierino del telefono:

<a href="tel:+003337890100">+00 333 78 901 00</a>

Come collegarsi a un’altra sezione sulla stessa pagina:

<a href="#capitolo2">Vai al Capitolo 2</a>