LINK HTML

LINK INTERNI

Nel markup HTML, possiamo sfruttare il meccanismo dei link anche per creare un indice
interno al documento, utilizzando le àncore. Ciascuna ancora può avere infatti un nome:

Unset
<a name="primo">Stiamo per esaminare la struttura… Eccetera…</a>

In un ipotetico indice è allora possibile far riferimento all'ancora presente all'interno del
documento attraverso un link che punti ad essa:

Unset
<a href="#primo">vai al primo paragrafo</a>

il cancelletto indica che il collegamento deve cercare un àncora chiamata "primo" all'interno
della pagina stessa.

LINK ESTERNI (1)

Ecco la sintassi per creare un link con riferimento a un sito web:

Unset
I contenuti per sviluppatori sono su

<a href="https://www.html.it/">HTML.it</a>.

Che produce come risultato:

I contenuti per sviluppatori sono su HTML.it.

Quindi tutto ciò che sta tra l’apertura e la chiusura del tag a, viene reso cliccabile.
In questo esempio la parte cliccabile è HTML.it.
Una volta cliccato, si viene rimandati all’URL specificato nell’attributo href.
Nell’esempio, si viene rimandati al sito internet https://www.html.it/.
È indifferente che la destinazione dell'ancora sia una pagina HTML di un sito, un'immagine
(.gif, .jpg, .png), un file pdf (.pdf), un file zip (.zip), o un file exe (.exe): il meccanismo del link
funziona allo stesso modo indipendentemente dal tipo di risorsa; poi il browser si comporterà
in modo differente a seconda della risorsa.

LINK ESTERNI (2)

Per creare un link ad un’altra pagina html si crea un tag a con attributo href che punta ad
un’altra pagina html.

Si ricorda che la pagina html a cui si punta si deve trovare nello stesso percorso del file html
che stiamo scrivendo (esempio: se il file html che stiamo scrivendo si trova nel Desktop,
anche la pagina html a cui si punta (nell’esempio è pagina2.html) si deve trovare nel
Desktop).

Unset
I contenuti per sviluppatori sono su un'altra pagina html.

<a href="pagina2.html">Clicca qui</a>.

I contenuti per sviluppatori sono su un’altra pagina HTML. Clicca qui.