Esercitazione *

  1. Validare HTML 4.01 strict la pagina all'indirizzo http://marvel.univ.trieste.it/tam/.
    Soluzione
  2. Scrivere un file HTML che contiene la parola AIUOLA con font senza grazie, dimensione 96 punti ed ogni lettera di colore diverso. [suggerimento: utilizzare il tag span].
    Soluzione
  3. Costruire una scacchiera 4X4 con caselle di 1 centimetro.[suggerimento: utilizzare il posizionamento assoluto ed i tag span].
    Soluzione
  4. Impostare lo stile di un documento di modo che tutto il testo sia sottolineato, mentre i link ipertestuali no.
    Soluzione
  5. Data una pagina HTML con 3 paragrafi, rendere i primi due giustificati ed il terzo allineato a destra con solo due regole di stile.
    Soluzione
  6. Fare in modo che i link ipertestuali di 2 pagine HTML cambino il colore di sfondo in giallo quando si va sopra con il mouse, utilizzando una sola regola di stile.
    Primo file e secondo file della soluzione
  7. Disegnare la seguente tabella 
                   --------------------------
               |    pippo   |   pluto   |
               --------------------------
               |  topolino  | paperino  |
               --------------------------
    Il bordo intorno alla tabella deve essere doppio, il bordo intorno ad ogni cella deve essere singolo di colore rosso sopra, blu a destra, giallo sotto e verde a sinistra. Lo sfondo delle celle deve essere rosa e le scritte devono essere di colore bianco, centrate sia orizzontalmente, sia verticalmente. Le celle devono essere allargate impostando la proprietà padding a 2em.
    Soluzione
  8. Impostare i margini sinistro e destro di una pagina HTML ad un quarto della larghezza ed il testo della pagina centrato.
    Soluzione

Nota. Tutte le soluzioni sono visualizzate correttamente da Internet Explorer 5.5 e Netscape 6.0 per Windows 9X. L'unico esercizio in cui Netscape 6.0 non visualizza correttamente la pagina è il quarto. Netscape 4.73 per Windows 9X non visualizza correttamente gli esercizi 3,4,6 e 7 (non visualizza correttamente nemmeno questa pagina...).
Tutte le soluzioni sono state validate.