Titres et paragraphes
Ajoutez des titres et du texte à votre page web
Titres et paragraphes est une leçon HTML for Kids gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage HTML for Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours HTML for Kids comprend 4 leçons au total.
Titres et paragraphes
Bienvenue dans la prochaine leçon ! Aujourd’hui, nous allons apprendre à ajouter des titres et des paragraphes à votre page web. Ces éléments rendent votre contenu organisé et facile à lire.
Que sont les titres ?
Les titres servent à créer des titres et des sous-titres sur votre page web. Ils vont de <h1> (le plus grand) à <h6> (le plus petit).
Considérez les titres comme le plan de votre contenu. Ils aident les utilisateurs à comprendre la structure de votre page.
Exemple :
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>Utiliser les titres
Ajoutons des titres à notre page web. Essayez ce code pour voir la différence entre les tailles de titre :
<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>Que sont les paragraphes ?
Les paragraphes sont des blocs de texte ajoutés à votre page web à l’aide de la balise <p>. Ils sont parfaits pour ajouter des informations détaillées ou des descriptions.
Exemple :
<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>
Ajouter plusieurs paragraphes
Vous pouvez ajouter autant de paragraphes que vous le souhaitez en utilisant plusieurs balises <p>.
Exemple :
<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>
Combiner titres et paragraphes
Les titres et les paragraphes fonctionnent ensemble pour rendre votre contenu facile à lire et à comprendre. Utilisez les titres pour les intitulés et les paragraphes pour les informations détaillées.
Exemple :
<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>
Bonnes pratiques pour les titres et les paragraphes
Voici quelques conseils à retenir :
- Utilisez un seul <h1> par page : la balise
<h1>ne doit être utilisée qu’une seule fois, pour le titre principal. - Organisez le contenu : utilisez des titres plus petits (
<h2>,<h3>) pour diviser les sections. - Rédigez des paragraphes clairs : faites en sorte que vos paragraphes soient courts et faciles à lire.
À vous de jouer
Créons une page web simple avec des titres et des paragraphes. Voici un exemple pour commencer :
<!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>
Excellent travail !
Beau travail ! Vous avez appris à ajouter des titres et des paragraphes à votre page web. Ils sont essentiels pour créer un contenu clair et bien structuré. Dans la prochaine leçon, nous découvrirons comment créer des listes pour organiser les informations. Préparez-vous à vous amuser davantage !
Questions Fréquemment Posées
La leçon « Titres et paragraphes » est-elle gratuite ?
Oui — le texte complet de « Titres et paragraphes » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours HTML for Kids, passe à CoddyKit PRO. Le cours HTML for Kids comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Titres et paragraphes » ?
Ajoutez des titres et du texte à votre page web Tu pratiques HTML for Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer HTML for Kids ?
Aucune expérience préalable n'est requise. HTML for Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Titres et paragraphes » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon HTML for Kids ?
Oui. Chaque leçon HTML for Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Titres et paragraphes
- Listes : ordonnées et non ordonnées
- Liens : relier le Web
- Images : ajouter des images à votre page