Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Utilizzo dei Collegamenti | Tag e Attributi HTML
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
HTML Definitivo

bookUtilizzo dei Collegamenti

Il tag <a> viene utilizzato per creare collegamenti ipertestuali che permettono agli utenti di navigare tra diverse pagine web. Quando un utente clicca su un collegamento, il browser invia una richiesta al server per la pagina associata al collegamento e visualizza la risposta sullo schermo. L'attributo href serve a specificare l'URL della pagina di destinazione.

index.html

index.html

copy

Attributi dei collegamenti

target

Per impostazione predefinita, il link si apre nella stessa scheda del browser. L'attributo target consente di modificare questo comportamento. Per aprire un link in una nuova scheda, utilizzare target="_blank".

index.html

index.html

copy

download

L'attributo download può essere utilizzato con il tag HTML <a> per specificare che la risorsa di destinazione deve essere scaricata invece di essere visualizzata nel browser. Quando viene utilizzato l'attributo download, il browser chiede all'utente di salvare il file con il nome specificato. Ad esempio, se è necessario creare un elemento con la seguente funzionalità: quando l'utente clicca sul link, il browser scaricherà il file "myfile.pdf" da https://example.com/ e chiederà all'utente di salvarlo con il nome myfile.pdf.

index.html

index.html

copy

href

L'attributo href viene utilizzato non solo per navigare verso altre pagine, ma anche per creare collegamenti a indirizzi email, numeri di telefono e sezioni specifiche.

index.html

index.html

copy

Inoltre, l'attributo href può essere utilizzato per navigare verso sezioni specifiche all'interno di una pagina web. Per creare un tag ancora, assegnare un attributo id (un identificatore univoco) alla sezione desiderata a cui si vuole scorrere. L'attributo href assume un valore che inizia con il simbolo # seguito dal valore dell'id.

Esaminiamo il seguente esempio, presentato sotto forma di CodeSandbox. Questa piattaforma consente l'ispezione del codice e permette di analizzare il funzionamento del codice stesso.

Note
Nota

Si consiglia di dedicare qualche istante a verificare la funzionalità cliccando sui link e osservando come la pagina attiva scorra verso le sezioni specifiche. Prestare inoltre attenzione agli attributi del tag a e del tag h2.

Per visualizzare il codice, trascinare il cursore sul lato sinistro del code sandbox. In questo modo verrà mostrato il codice presente nell'editor.

question mark

Qual è la funzione principale del tag <a>?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 9

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Suggested prompts:

Can you explain how the `download` attribute works with the `<a>` tag?

What are some common values for the `target` attribute?

How do I create a link to a specific section within the same page?

bookUtilizzo dei Collegamenti

Scorri per mostrare il menu

Il tag <a> viene utilizzato per creare collegamenti ipertestuali che permettono agli utenti di navigare tra diverse pagine web. Quando un utente clicca su un collegamento, il browser invia una richiesta al server per la pagina associata al collegamento e visualizza la risposta sullo schermo. L'attributo href serve a specificare l'URL della pagina di destinazione.

index.html

index.html

copy

Attributi dei collegamenti

target

Per impostazione predefinita, il link si apre nella stessa scheda del browser. L'attributo target consente di modificare questo comportamento. Per aprire un link in una nuova scheda, utilizzare target="_blank".

index.html

index.html

copy

download

L'attributo download può essere utilizzato con il tag HTML <a> per specificare che la risorsa di destinazione deve essere scaricata invece di essere visualizzata nel browser. Quando viene utilizzato l'attributo download, il browser chiede all'utente di salvare il file con il nome specificato. Ad esempio, se è necessario creare un elemento con la seguente funzionalità: quando l'utente clicca sul link, il browser scaricherà il file "myfile.pdf" da https://example.com/ e chiederà all'utente di salvarlo con il nome myfile.pdf.

index.html

index.html

copy

href

L'attributo href viene utilizzato non solo per navigare verso altre pagine, ma anche per creare collegamenti a indirizzi email, numeri di telefono e sezioni specifiche.

index.html

index.html

copy

Inoltre, l'attributo href può essere utilizzato per navigare verso sezioni specifiche all'interno di una pagina web. Per creare un tag ancora, assegnare un attributo id (un identificatore univoco) alla sezione desiderata a cui si vuole scorrere. L'attributo href assume un valore che inizia con il simbolo # seguito dal valore dell'id.

Esaminiamo il seguente esempio, presentato sotto forma di CodeSandbox. Questa piattaforma consente l'ispezione del codice e permette di analizzare il funzionamento del codice stesso.

Note
Nota

Si consiglia di dedicare qualche istante a verificare la funzionalità cliccando sui link e osservando come la pagina attiva scorra verso le sezioni specifiche. Prestare inoltre attenzione agli attributi del tag a e del tag h2.

Per visualizzare il codice, trascinare il cursore sul lato sinistro del code sandbox. In questo modo verrà mostrato il codice presente nell'editor.

question mark

Qual è la funzione principale del tag <a>?

Select the correct answer

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 9
some-alt