Esercizi HTML
- Scrivere un documento html che riporti la classica frase "Ciao mondo".
Assegnare un titolo al documento.
Validare il documento tramite http://validator.w3.org/. - 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/. - 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/. - 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".
- Scrivere un documento html che riproduca quanto mostrato nella seguente immagine.
Per andare a capo nel testo si può utilizzare il tag <br/>.
- 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).
- Scrivere un documento html che riproduca le liste mostrate nelle seguenti immagini.
- Scrivere un documento html che riproduca le liste mostrate nelle seguenti immagini.
- 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;).
- Scrivere un documento html che riproduca le liste mostrate nelle seguenti immagini.
- Esercizi su liste puntate e ordinate
- Esercizi su moduli
- Esercizi
su mappe cliccabili
Mappa città
Mappa cerchi - Raccolta esercizi
- Esercizi corso TSW matricole dispari