Titoli e paragrafi
Aggiunga titoli e testo alla Sua pagina web
Titoli e paragrafi è una lezione HTML for Kids gratuita su CoddyKit. Questa è la lezione 1 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.
Titoli e paragrafi
Benvenuti nella prossima lezione! Oggi impareremo ad aggiungere titoli e paragrafi alla pagina web. Questi elementi rendono i contenuti organizzati e facili da leggere.
Che cosa sono i titoli?
I titoli servono a creare titoli e sottotitoli nella pagina web. Vanno da <h1> (il più grande) a <h6> (il più piccolo).
Pensate ai titoli come alla struttura dei contenuti. Aiutano gli utenti a comprendere l'organizzazione della pagina.
Esempio:
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>Usare i titoli
Aggiungiamo alcuni titoli alla pagina web. Provate questo codice per vedere la differenza tra le dimensioni dei titoli:
<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>Che cosa sono i paragrafi?
I paragrafi sono blocchi di testo aggiunti alla pagina web usando il tag <p>. Sono perfetti per inserire informazioni dettagliate o descrizioni.
Esempio:
<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>
Aggiungere più paragrafi
Potete aggiungere tutti i paragrafi che desiderate usando più tag <p>.
Esempio:
<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>
Combinare titoli e paragrafi
Titoli e paragrafi lavorano insieme per rendere i contenuti facili da leggere e comprendere. Usate i titoli per i titoli e i paragrafi per le informazioni dettagliate.
Esempio:
<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>
<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>
<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>
Buone pratiche per titoli e paragrafi
Ecco alcuni suggerimenti da tenere a mente:
- usate un solo <h1> per pagina: il tag
<h1>deve essere usato una sola volta come titolo principale. - organizzate i contenuti: usate titoli più piccoli (
<h2>,<h3>) per dividere le sezioni. - scrivete paragrafi chiari: mantenete i paragrafi brevi e facili da leggere.
Provate voi
Creiamo una semplice pagina web con titoli e paragrafi. Ecco un esempio da cui iniziare:
<!DOCTYPE html>
<html>
<head>
<title>Headings and Paragraphs</title>
</head>
<body>
<h1>Welcome to My Page</h1>
<p>This is the main paragraph introducing my page.</p>
<h2>About Me</h2>
<p>I’m learning HTML and enjoying the process!</p>
<h2>My Goals</h2>
<p>My goal is to create a professional-looking website someday.</p>
</body>
</html>
Ottimo lavoro!
Ottimo lavoro! Avete imparato ad aggiungere titoli e paragrafi alla pagina web. Sono elementi essenziali per creare contenuti chiari e ben strutturati. Nella prossima lezione scopriremo come creare elenchi per organizzare le informazioni. Preparatevi a divertirvi ancora!
Domande Frequenti
La lezione «Titoli e paragrafi» è gratuita?
Sì — il testo completo di «Titoli e paragrafi» è 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 «Titoli e paragrafi»?
Aggiunga titoli e testo alla Sua pagina web 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 1 di 4.
Quanto tempo richiede la lezione «Titoli e paragrafi»?
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
- Titoli e paragrafi
- Elenchi: ordinati e non ordinati
- Collegamenti: connettere il Web
- Immagini: aggiungere immagini alla pagina