Esercizi di html

Provate a riprodurre i seguenti esercizi, senza guardare il codice sottostante.
Quando volete vedere la soluzione, cliccate col dasto destro del mouse per visualizzare il codice sorgente di questa pagina.

Alcune cose da tenere a mente:

  1. Scrivere tutti i tag in minuscolo per una questione di uniformità
  2. Chiudere sempre tutti i tag: i tag doppi con <tag> testo </tag> , i tag singoli con <tag/>
  3. Ogni tag ha degli attributi, e gli attributi hanno dei valori. I valori degli attributi si scrivono tra le doppie virgolette " ".
    Esempio: <tag attr1="val1" attr2="val2" ...> parte interna (pu? contenere altri tag) </tag>
  4. Annidamento: i tag possono essere annidati l'uno dentro l'altro.
    Esempio:
    <tag1 attributi> contenuto 1 <tag2> contenuto 2 </tag2> </tag1>
  5. Indentazione: consiste nell'allineare apertura e chiusura del tag in modo che questi si trovino allo stesso livello, scorrendo il documento in verticale. Usate il tasto tab, a sinistra della lettera Q, per far rientrare il testo. Per il browser l'indentazione ? irrilevante, ma ? importante per le persone: una pagina complessa visualizzata in un unico blocco di testo sarebbe del tutto illeggibile per noi.
  6. Risorse che potrebbero essere utili:


Esercizio 1: tag di testo


Esercizio 2: liste

Lista non ordinata con pallini di tipo square Lista ordinata
  1. Caffè
  2. Latte
Lista ordinata con lettere
  1. Apples
  2. Bananas
  3. Lemons
  4. Oranges
Lista ordinata con numeri romani minuscoli
  1. Apples
  2. Bananas
  3. Lemons
  4. Oranges
Lista non ordinata annidata Altra lista non ordinata annidata

Esercizio 3: tabelle

Titolo 1 Titolo 2 Titolo 3
testo
testo
testo
DDD C
testo2testo2testo2 Testo E F


Tabella con alcune celle unite: gli attributi colspan e rowspan
Media Occhi scuri
Altezza Peso
Maschi 1.80 m 75 kg 50%
Femmine 1.70 m 55 kg 60%


Tabella senza bordi, con horizontal line <hr/>

Web sites hits

bbc.co.uk 70%
cnn.com 60%
nytimes.com 40%
repubblica.it 30%