Esercitazione 4

In questa esercitazione proveremo il funzionamento dell'elemento a con gli attributi più comunemente usati.

Gli attributi di a che proveremo saranno:

1 - Attributo href.

Negli esempi che seguono assegneremo a href gli URL di diverse risorse interne ed esterne alla pagina corrente.

Apri in questa scheda del browser il file HTML_04.css

Se hai caricato, come suggerito, tutte le cartelle delle esercitazione in una stessa cartella potrai eseguire le seguenti prove:

Apri in questa scheda il file HTML_03.html

Apri in questa scheda il file Box_Model.svg

Nei tre esempi precedenti la risorsa indirazzata da href è nel tuo PC. Nei prossimi accederemo a risorse presenti nel mio sito:

Apri in questa scheda del browser il file Lezione_1.html

Apri in questa scheda del browser il capitolo 3 di Lezione_1.html

Le intestazioni h2 di Lezione_1 sono state tutte taggate con id=Capitolo1 .... id=Capitolo5. Così se vuoi puoi indirizzarli e verificare l'esito.

2 - Attributo target.

In tutti gli esempi precedenti l'attributo target ha assunto il valore di default "_self". Verifichiamo la differenza di comportamento quando il valore di target è "_blank"

Apri in una nuova scheda il file Box_Model.svg

Apri in una nuova scheda il file Lezione_1.html

Apri in una nuova scheda il capitolo 3 di Lezione_1.html

3 - Attributo download.

Proviamo a scaricare diversi tipi di file.

Se stai lavorando in locale sul tuo PC i file saranno aperti nella scheda corrente del browser.

Download di Box_Model.svg

Download di HTML_03.css

Download di HTML_03.html

Esercizio 1

Se hai scaricato le lezioni precedenti torna su una di esse, assegna un identificatore ad ogni intestazione intestazione, h1, h2, e h3. Poi inserisci di seguito a questo paragrafo un elemento ul in cui ogni elemento li contiene un elemento a che punta alla sezione identificata e la apre in una distinta scheda del browser.

Esercizio 2

Appunti

Questa sezione è destinata a contenere gli appunti personali del lettore.