# Benvenuto alla tua prima sfida in questo corso!
Le sfide sono progettate per consolidare le conoscenze e la teoria apprese finora, mettendole in pratica. <u>Imparare facendo è il modo migliore per apprendere, quindi assicurati di non saltare nessuna sfida.</u>

**Come funzionano le sfide?** Ti verrà assegnato un compito da completare e poi ti verrà presentato un blocco di codice con degli spazi da riempire. Una volta completata la sfida, potrai eseguire il tuo codice per verificare che tutto funzioni come previsto.

Sotto il blocco di codice, vedrai due pulsanti: <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Suggerimento</button> e <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Soluzione</button>.
- Il pulsante <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Suggerimento</button> mostrerà suggerimenti per aiutarti con la sfida;
- Il pulsante <button type="button" style="background-color: #90adde; color: #ffffff; padding: 4px 16px; border: none; font-weight: 400; border-radius: 24px; font-family: 'Play', sans-serif; font-size: 18px; cursor: pointer; transition: 0.5s ease-in-out;">Soluzione</button> mostrerà il codice completo per quella specifica sfida.

<u>Sperimenta liberamente e prova diverse opzioni per completare il compito. Più scrivi, più diventerà facile. Buona fortuna!</u>

## Compito
Compila gli spazi vuoti per creare la struttura di base di un documento HTML.

PCEtLSBTdGVwIDE6IEFkZCB0aGUgZG9jdW1lbnQgdHlwZSBkZWNsYXJhdGlvbiAtLT4KPCFfX19fXyBodG1sPgo8aHRtbD4KICA8IS0tIFN0ZXAgMjogQWRkIHRoZSBvcGVuaW5nIGFuZCBjbG9zaW5nIHRhZ3MgZm9yIHRoZSBoZWFkIHNlY3Rpb24gLS0+CiAgPF9fX19fPgogICAgPHRpdGxlPkNoYWxsZW5nZTogSFRNTCBEb2N1bWVudCBTdHJ1Y3R1cmU8L3RpdGxlPgoKICAgIDwhLS0gU3RlcCAzOiBBZGQgdGhlIGNoYXJhY3RlciBlbmNvZGluZyAtLT4KICAgIDxtZXRhIGNoYXJzZXQ9Il9fX19fX18iIC8+CiAgPC9fX19fXz4KCiAgPCEtLSBTdGVwIDQ6IEFkZCB0aGUgb3BlbmluZyBhbmQgY2xvc2luZyB0YWdzIGZvciB0aGUgYm9keSBzZWN0aW9uIC0tPgogIDxfX19fXz4KICAgIDxoMT5NYWluIGhlYWRpbmcgb2YgdGhlIEhUTUwgZG9jdW1lbnQ8L2gxPgogICAgPHA+VGV4dCBwYXJhZ3JhcGg8L3A+CiAgPC9fX19fXz4KPC9odG1sPg==

## Suggerimento
- Passaggio 1: La dichiarazione del tipo di documento deve essere `<!DOCTYPE html>`. Questa dichiarazione informa il browser che il documento è scritto in HTML5.
- Passaggio 2: Compilare gli spazi vuoti con i tag di apertura e chiusura appropriati (`<head></head>`) per la sezione head.
- Passaggio 3: Utilizzare `UTF-8` come codifica dei caratteri.
- Passaggio 4: Compilare gli spazi vuoti con i tag di apertura e chiusura appropriati (`<body></body>`) per la sezione body.

PCEtLSBTdGVwIDE6IEFkZCB0aGUgZG9jdW1lbnQgdHlwZSBkZWNsYXJhdGlvbiAtLT4KPCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDwhLS0gU3RlcCAyOiBBZGQgdGhlIG9wZW5pbmcgYW5kIGNsb3NpbmcgdGFncyBmb3IgdGhlIGhlYWQgc2VjdGlvbiAtLT4KICA8aGVhZD4KICAgIDx0aXRsZT5DaGFsbGVuZ2U6IEhUTUwgRG9jdW1lbnQgU3RydWN0dXJlPC90aXRsZT4KCiAgICA8IS0tIFN0ZXAgMzogQWRkIHRoZSBjaGFyYWN0ZXIgZW5jb2RpbmcgLS0+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CgogIDwhLS0gU3RlcCA0OiBBZGQgdGhlIG9wZW5pbmcgYW5kIGNsb3NpbmcgdGFncyBmb3IgdGhlIGJvZHkgc2VjdGlvbiAtLT4KICA8Ym9keT4KICAgIDxoMT5NYWluIGhlYWRpbmcgb2YgdGhlIEhUTUwgZG9jdW1lbnQ8L2gxPgogICAgPHA+VGV4dCBwYXJhZ3JhcGg8L3A+CiAgPC9ib2R5Pgo8L2h0bWw+

Apprendi le nozioni fondamentali di HTML per creare contenuti web ben strutturati e accessibili. Impara a strutturare i documenti utilizzando tag, elementi e attributi. Lavora con sicurezza con testo, elenchi, immagini, audio e video per arricchire le pagine web. Crea tabelle per organizzare i dati e moduli per l'inserimento e l'interazione degli utenti. Scopri l'HTML semantico per migliorare l'accessibilità e costruire strutture di siti web complete e funzionali dalle basi.

Introduzione al web e a HTML, con particolare attenzione all'importanza di tag, elementi e attributi. Panoramica sulla struttura di base di un documento HTML e breve storia del web.

Apprendere le nozioni fondamentali del markup HTML, con particolare attenzione alla formattazione speciale del testo e alle liste, comprendendo la loro importanza nella strutturazione dei contenuti all'interno di un documento HTML. Esplorare le complessità della struttura di un documento HTML perfezionando le tecniche di markup del testo.

Scopri il potenziale dei contenuti visivi e uditivi nello sviluppo web imparando a integrare senza problemi immagini, elementi video e audio nei documenti HTML. Esplora le particolarità dell'inserimento di diversi formati multimediali.

Esplora le complessità della presentazione dei dati e dell'interazione con l'utente attraverso una copertura completa di tabelle e moduli in HTML, comprendente strutture di tabelle, creazione di moduli ed elementi di input. Acquisisci competenza nell'implementazione degli elementi di input dei moduli e nell'utilizzo degli attributi per una funzionalità avanzata.

Porta le tue competenze HTML al livello successivo approfondendo gli elementi semantici di HTML, per creare contenuti web ben strutturati e accessibili. Inizia a costruire il tuo primo sito web applicando le nuove conoscenze acquisite per dare vita alle tue idee.

Sfida: Struttura di un Documento HTML

Benvenuto alla tua prima sfida in questo corso!

Compito

Suggerimento

Awesome!

Sfida: Struttura di un Documento HTML

Benvenuto alla tua prima sfida in questo corso!

Compito

Suggerimento