Configurare la prima pagina HTML
Scriva il Suo primo codice HTML utilizzando un semplice editor di testo.
Configurare la prima pagina HTML è una lezione HTML for Kids gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento HTML for Kids, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso HTML for Kids include 4 lezioni in totale.
Configurare la prima pagina HTML
Benvenuti nella parte più entusiasmante dell'apprendimento di HTML! Oggi creeremo la vostra prima pagina HTML da zero. Preparatevi a vedere il vostro codice prendere vita!
Strumenti necessari
Per creare una pagina HTML vi servono solo due cose:
- un editor di testo: ad esempio Notepad (Windows), TextEdit (Mac) o un altro editor come VS Code.
- un browser web: Chrome, Firefox o qualsiasi browser per visualizzare la pagina.
Iniziamo a scrivere il codice!
Aprire l'editor di testo
Passaggio 1: aprite l'editor di testo
1. Aprite l'editor di testo, ad esempio Notepad o VS Code.
2. Salvate un nuovo file come index.html. Assicuratevi di includere l'estensione .html!
Ora siamo pronti ad aggiungere del codice HTML!
Scrivere la struttura di base
Passaggio 2: scrivete la struttura di base
Ogni pagina HTML ha bisogno di una struttura di base. Digitate il seguente codice nel file:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Aggiungere un titolo
Passaggio 3: aggiungete un titolo
All'interno del tag <body>, aggiungete un titolo alla pagina:
<h1>Welcome to My First Web Page!</h1>
Aggiungere un paragrafo
Passaggio 4: aggiungete un paragrafo
Sotto il titolo, aggiungete un paragrafo che descriva la pagina:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Salvare e aprire la pagina
Passaggio 5: salvate e aprite la pagina
1. Dopo aver scritto il codice, salvate il file.
2. Aprite il browser.
3. Trascinate il file index.html nella finestra del browser.
Voilà! La vostra prima pagina web è online!
La vostra pagina HTML completa
Ecco come dovrebbe apparire il codice finale:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Ottimo lavoro!
Congratulazioni per aver creato la vostra prima pagina HTML! Avete imparato a configurare la struttura di base, aggiungere un titolo e scrivere un paragrafo. Nella prossima lezione impareremo ad aggiungere alla pagina altri elementi interessanti, come immagini e collegamenti. Continuate così!
Domande Frequenti
La lezione «Configurare la prima pagina HTML» è gratuita?
Sì — il testo completo di «Configurare la prima pagina HTML» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso HTML for Kids, passa a CoddyKit PRO. Il corso HTML for Kids include 4 lezioni in totale.
Cosa imparerò in «Configurare la prima pagina HTML»?
Scriva il Suo primo codice HTML utilizzando un semplice editor di testo. Eserciti HTML for Kids con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare HTML for Kids?
Non è richiesta alcuna esperienza precedente. HTML for Kids su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Configurare la prima pagina HTML»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione HTML for Kids?
Sì. Ogni lezione HTML for Kids include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Che cos'è HTML?
- Struttura HTML: gli elementi costitutivi
- Tag ed elementi HTML
- Configurare la prima pagina HTML