Esercizi *
- Fare in modo che nella parola "Università", le
lettere pari abbiano dimensione doppia delle dispari.
Soluzione
- Scrivere un documento HTML con il testo dei link che raddoppia
le dimensioni quando si va sopra con il puntatore.
Soluzione
- Costruire un volto (stilizzato e senza usare immagini).
Soluzione
- Costruire il simbolo delle olimpiadi senza usare immagini.
Soluzione
- Dato un documento HTML con 5 paragrafi, rendere il testo dei
primi 2 in grassetto e quello del primo, terzo e quinto di dimensione
24 punti utilizzando solo 3 regole di stile.
Soluzione
- Dato un documento HTML con 2 elenchi puntati, incorniciare il primo
elenco con un bordo doppio di colore verde e cambiare il simbolo degli
elementi pari in un cerchio, utilizzando solo 2 regole di stile.
Soluzione
- Impostare il font degli elementi delle liste con grazie, di dimensione
piccolissima ed in maiuscoletto, utilizzando una sola proprietà.
Soluzione
- Impostare l'indentazione dei titoli di sezione (h1,...,h6) di un documento
HTML a 3 volte la larghezza di una emme, con una sola regola di stile.
Soluzione
Impostare l'immagine a destra
come sfondo di un documento HTML al centro della
pagina.
Soluzione - Fare in modo, utilizzando 3 sole regole di stile, che tutti i titoli H1
di un sito web abbiano tutte le iniziali maiuscole e che tutti i paragrafi
siano larghi solo il 60% della pagina con la prima riga indentata di 1 cm
ed abbiano la prima lettera di dimensione 40 punti e di colore blu.
Soluzione
- Ottenere una striscia verticale con il colore che degrada dal blu a sinistra
fino al verde a destra, come sfondo di una pagina HTML utilizzando l'immagine
a destra. La striscia deve essere distante dal margine sinistro di un quinto
della larghezza della pagina.
Soluzione
Nota.
Tutte le soluzioni (tranne quella dell'esercizio 7) sono
visualizzate correttamente da Internet Explorer 5.5 e Netscape 6.0 per Windows 9X.
Internet Explorer 5.5 visualizza in maniera errata il maiuscoletto nell'esercizio 7,
Netscape 6.0 visualizza correttamente anche questo.
Tutte le soluzioni sono state validate.