Esercizi HTML

  1. Scrivere un documento html che riporti la classica frase "Ciao mondo". Assegnare un titolo al documento.
    Validare il documento tramite http://validator.w3.org/.
  2. Scrivere un documento html collegato al foglio di stile mioStile.css. Il documento deve avere come titolo "Esercizio 1" e set di caratteri "UTF-8". Per controllare che il foglio di stile sia stato incluso correttamente, aggiungere due paragrafi (tag <p>) contenenti testo a vostra scelta.
    Validare il documento tramite http://validator.w3.org/.
  3. Durante la seconda lezione del corso lezione abbiamo visto un esempio di applicazione del tag <base>. Nell'esempio l'url relativa era associata al tag <a>. Verificare il comportamento del tag <base> in relazione ad url relative presenti, ad esempio, nei tag <link> o <script> (potete modificare opportunamente il codice dell'esercizio precedente).
    Validare il documento tramite http://validator.w3.org/.
  4. Scrivere un documento html dal titolo "Esercizio 3" che, dopo 5 secondi che è stato caricato, reindirizzi il browser verso l'url "secondaPagina.html". Il documento "secondaPagina.html" deve avere come titolo "Esercizio 3-bis" e deve mostrare la frase "Benvenuto nella seconda pagina del sito".
  5. Scrivere un documento html che riproduca quanto mostrato nella seguente immagine. Per andare a capo nel testo si può utilizzare il tag <br/>.

    Il bordo dell'immagine non deve essere riprodotto, serve solo per delimitare l'immagine in questo documento.
  6. Scrivere un documento html che contenga un collegamento ad un altro documento con un riferimento assoluto, un collegamento ad un altro documento con un riferiemento relativo ed un collegamento ad un elemento specifico di un altro documento (segnalibro i link interno).
  7. Scrivere un documento html che riproduca le liste mostrate nelle seguenti immagini.

         

  8. Scrivere un documento html che riproduca le liste mostrate nelle seguenti immagini.

         

  9. Esercizi su tabelle. Gli ultimi esercizi non possono essere risolti utilizzando soltanto HTML 5 (si dovrebbero utlizzare gli attributi frame e rules di HTML 4). Bisogna settare opportunamente lo stile del bordo delle celle usando CSS (in un esercizio è necessario anche usare border-collapse: collapse;).
  10. Scrivere un documento html che riproduca le liste mostrate nelle seguenti immagini.