1. Usando CSS fate in modo che il testo in corsivo del seguente paragrafo compaia in grassetto e viceversa. La prima linea deve essere indentata di 3mm. L'interlinea deve essere doppia.
    Sostiene Pereira di averlo conosciuto in un giorno d'estate. Una magnifica giornata d'estate, soleggiata e ventilata, e Lisbona sfavillava. Pare che Pereira stesse in redazione, non sapeva che fare, il direttore era in ferie, lui si trovava nell'imbarazzo di mettere su la pagina culturale, perché il Lisboa aveva ormai una pagina culturale, e l'avevano affidata a lui.
  2. Usando CSS fate in modo che il seguente paragrafo allineato a destra, sia di colore verde, ma solo la parola mucchio sia di colore rosso. Lo sfondo del paragrafo deve essere di colore azzurro chiaro.
    Un mattino del febbraio 1960, a Milano, l'architetto Antonio Dorigo, di 49 anni, telefonò alla signora Ermelina.
    "Sono Tonino, buongiorno sign..."
    "E' lei? Quanto tempo che non si fa vedere. Come sta?"
    "Non c'é male, grazie. Sa in questi ultimi tempi un mucchio di lavoro e così... senta potrei venire questo pomeriggio?"
    "Questo pomeriggio? Mi faccia pensare... a che ora?"
    "Non so. Alle tre, tre e mezza."
    "Tre e mezza d'accordo."
  3. Usando CSS fate in modo che la prima lettera del seguente paragrafo sia colorata di verde e sia grande il triplo delle lettere del paragrafo stesso. Il paragrafo deve avere bordo nero tratteggiato di spessore 4px.
    Il venticinque settembre milleduecentosessantaquattro, sul far del giorno, il Duca d'Auge salì in cima al torrione del suo castello per considerare un momentino la situazione storica. La trovò poco chiara. Resti del passato alla rinfusa si trascinavano ancora qua e là. Sulle rive del vicino rivo erano accampati un Unno o due; poco distante un Gallo, forse Edueno, immergeva audacemente i piedi nella fresca corrente. Si disegnavano all'orizzonte le sagome sfatte di qualche diritto Romano, gran Saraceno, vecchio Franco, ignoto Vandalo. I Normanni bevevan calvadòs.
  4. Creare una pagina html contenente il vostro nome. Utilizzando CSS fate in modo che ogni lettera sia grande 36 punti, venga usato un font senza grazie e venga colorata in maniera differente dalle altre.
  5. Usando CSS fate in modo che i paragrafi del seguente brano siano giustificati, l'interlinea dei paragrafi sia pari a 1.5; mentre, il margine destro e quello sinistro siano di 1.5 centimetri. Le intestazioni di livello uno siano di colore rosso, centrate e grandi 16 punti; mentre le intestazioni di livello due siano di colore blu, allineate a sinistra e grandi 14 punti. Il padding deve essere di 3px su tutti i lati dei singoli paragrafi. Inoltre ogni paragrafo deve avere un diverso colore di sfondo.

    Incipit...

    Piccola collezione di incipit famosi...

    Gabriel García Márquez, Cent'anni di solitudine

    Molti anni dopo, di fronte al plotone di esecuzione, il colonnello Aureliano Buendía si sarebbe ricordato di quel remoto pomeriggio in cui suo padre lo aveva condotto a conoscere il ghiaccio. Macondo era allora un villaggio di venti case di argilla e di canna selvatica costruito sulla riva di un fiume dalle acque diafane che rovinavano per un letto di pietre levigate, bianche ed enormi come uova preistoriche. Il mondo era cosí recente, che molte cose erano prive di nome, e per citarle bisognava indicarle col dito.

    Herman Melville, Moby Dick

    Chiamatemi Ismaele. Alcuni anni fa - non importa quanti esattamente - avendo pochi o punti denari in tasca e nulla di particolare che m'interessasse a terra, pensai di darmi alla navigazione e vedere la parte acquea del mondo.

    Voltaire, Candido (ovvero l'ottimismo)

    Viveva in Westfalia, nel castello del barone di Thunder-te-tronckh, un ragazzo a cui la natura aveva fatto dono di un dolcissimo carattere. Il suo aspetto denunciava la sua anima. Univa un notevole giudizio allo spirito più semplice, e per questo, credo, era chiamato Candido.

    Robert Musil, L'uomo senza qualità

    Sull'Atlantico un minimo barometrico avanzava in direzione orientale incontro a un massimo incombente sulla Russia, e non mostrava per il momento alcuna tendenza a schivarlo spostandosi verso nord. Le isoterme e le isòtere si comportavano a dovere. La temperatura dell'aria era in rapporto normale con la temperatura media annua, con la temperatura del mese più caldo come con quella del mese più freddo, e con l'oscillazione mensile aperiodica. Il sorgere e il tramontare del sole e della luna, le fasi della luna, di Venere, dell'anello di Saturno e molti altri importanti fenomeni si succedevano conforme alle previsioni degli annuari astronomici. Il vapore acqueo nell'aria aveva la tensione massima, e l'umidità atmosferica era scarsa. Insomma, con una frase che quantunque un po' antiquata riassume benissimo i fatti: era una bella giornata d'agosto dell'anno 1913.

  6. Creare una pagina XHTML contenente una serie di link. Usando CSS fare in modo che normalmente il colore dei link sia rosso; mentre, quando il cursore del mouse si posiziona su di essi il colore diventi giallo, e la grandezza del testo diventi 22 punti. Il colore dei link visitati deve essere blu.
  7. Scrivere un documento HTML contenente il proprio nome e cognome . Usando opportunamente CSS fate in modo che tutte le lettere siano di colori diversi (tranne il bianco) e su sfondo rosso. Quando si va con il mouse sulla seconda del nome, questa deve diventare bianca e in grassetto e di grandezza 18px.
  8. Scegliete un'immagine di vostro gradimento; posizionarla come sfondo del testo dell'esercizio 5.
  9. Scegliete un'immagine di vostro gradimento; relativamente al testo dell'esercizio 5, l'immagine deve essere lo sfondo di tutte le intestazioni.
  10. Scegliete un'immagine di vostro gradimento; relativamente al testo dell'esercizio 5, l'immagine deve ripetersi solo in alto ed orizzontalmente. Inoltre, non deve scrollare con la pagina.
  11. Utilizzando CSS fate in modo che i paragrafi del brano dell'esercizio 5 abbiano un bordo superiore ed inferiore tratteggiato e di colore verde; mentre, il bordo destro e sinistro deve essere continuo e di colore rosso.
  12. Creare un documento HTML contenente una serie di link. Usando CSS fare in modo che la dimensione dei link siano il doppio del testo normale e non sia sottolineato.
  13. Creare un documento HTML contenente due elenchi puntati. Usando opportunamente CSS incorniciare il primo elenco con un bordo doppio di colore verde e cambiare il simbolo degli elementi pari del secondo elenco in un quadrato. Lo sfondo del primo elenco deve essere di colore arancio, mentre per il secondo elenco si carichi come sfondo un'immagine a scelta.
  14. Usando CSS cambiare i pallini della seguente lista non ordinata con un'immagine di vostra scelta.
  15. Usando CSS e senza modificare i tag HTML trasformare la lista non ordinata dell'esercizio precedente in ordinata.
  16. Usando opportunamente CSS fate in modo che nel seguente elenco ordinato vengano usate le lettere maiuscole invece dei numeri.
    1. Primo item
    2. Secondo item
    3. Terzo item
    4. Quarto item
  17. Usando opportunamente CSS fate in modo che lo sfondo dell'intera lista sia verde, largo 12 centimetri ed abbia un padding di 1 centimetro; mentre, lo sfondo di ogni item sia rosso e grande a sufficienza per contenere il testo dell'item. Il testo deve essere in un carattere qualsiasi con grazie
  18. Progettare un layout a tre colonne che preveda la seguente struttura: Le colonne dx e sx devono essere rigide ed avere larghezza 100 pixel.