Esercitazione n.2
Esercizi su HTML parte I e II
Paolo Milazzo 27 marzo 2012
Esercizio 1. Correggere gli errori nel seguente documento HTML. Per ogni errore individuato riscrivere in maniera corretta la riga che lo contiene riportando anche il numero di riga.
1 < h t m l >
2 < h e a d > < t i t l e > I c o l o r i < / t i t l e > < / h e a d >
3 < b o d y >
4 < c e n t e r >
5 < t i t l e > I m i e i c o l o r i p r e f e r i t i < / t i t l e >
6 < / c e n t e r >
7 < t a b l e w i d t h = " 800 " b o r d e r =2 >
8 < tr >
9 < td w i d t h = " 400 " b g c o l o r = " l i g h t b l u e " >
10 < f o n t t y p e = " Arial , Georgia , sans - s e r i f " >
11 < ol >
12 < li > < u > g i a l l o < / u >
13 < li > < i > r o s s o < / i >
14 < li > < s t r o n g > v e r d e < / s t r o n g >
15 < ol >
16 < / f o n t >
17 < / td >
18 < td w i d t h = " 400 " b g c o l o r = " @ F F 0 0 F F " >
19 < f o n t t y p e = " Arial , Georgia , sans - s e r i f " >
20 Blu < br > n e r o < / br > g r i g i o
21 < / f o n t >
22 < / td >
23 < / tr >
24 < / t a b l e >
25 < / b o d y >
26 < / h t m l >
Esercizio 2. Scrivere un frammento di codice HTML che descrive la seguente lista numerata:
dove:
• i link nella sottolista al punto 1 sono collegamenti alle pagine pagina1.html, pagina2.html e pagina3.html contenute nella stessa directory del documento corrente
• le tre immagini al punto 2 sono contenute nei file topolino.jpg, paperino.gif e pippo.jpg all’interno della directory img
• l’altezza delle tre immagini deve essere impostata a 100 pixel
1
Esercizio 3. Scrivere un documento HTML completo la cui visualizzazione sul browser sia simile a quello della seguente pagina:
dove:
• il documento ha titolo “Agenzia Rossi”
• una breve descrizione del documento `e “Sito dell’agenzia immobilare Rossi”
• in tutto il documento i link non ancora visitati devono avere colore rosso, mentre quelli gi`a visitati devono avere colore verde
• l’area della pagina contenente il titolo e il menu deve avere larghezza 800 pixel e lo sfondo di colore giallo
• l’area principale della pagina (quella che contiene l’immagine e il testo) deve avere la stessa larghezza dell’area superiore e colore di sfondo verde
• il menu principale `e una tabella con bordo 2 pixel e colore di sfondo blu chiaro
• gli elementi della tabella contenente il menu principale devono avere larghezza 100 pixel e devono contenere link a pagine html che si trovano nella stessa directory del documento corrente (i nomi delle singole pagine possono essere scelti a piacere)
• il paragrafo “Qui troverete la vostra casa...” deve usare un font di colore bianco e di dimensione 4.
• l’immagine `e contenuta nel file “casa.jpg” che si trova nella stessa directory della pagina corrente. La larghezza dell’immagine deve essere impostata a 400 pixel
2
