Balises et éléments HTML
Découvrez ce que sont les balises et les éléments, et comment ils fonctionnent.
Balises et éléments HTML est une leçon HTML for Kids gratuite sur CoddyKit. Ceci est la leçon 3 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.
Balises et éléments HTML
Bienvenue dans la prochaine leçon ! Aujourd’hui, nous allons découvrir les balises et les éléments HTML. Ce sont les éléments fondamentaux de chaque page web que vous créerez.
Que sont les balises HTML ?
Les balises HTML sont des mots-clés spéciaux placés entre des chevrons <>. Elles indiquent au navigateur quoi faire du contenu qu’elles contiennent.
Exemple de balise :<h1>
Les balises vont généralement par paires : une balise ouvrante et une balise fermante.
Exemple :
<h1>Hello</h1>Que sont les éléments HTML ?
Un élément HTML est composé d’une balise ouvrante, d’un contenu et d’une balise fermante.
Par exemple :
<h1>Welcome to My Page</h1>Types de balises
Il existe deux grands types de balises :
- Balises appariées : elles possèdent une balise ouvrante et une balise fermante. Exemple :
<p>Paragraph</p> - Balises autofermantes : elles n’ont pas besoin de balise fermante. Exemple :
<img />
Balises couramment utilisées
Voici quelques balises HTML de base que vous utiliserez souvent :
<h1> to <h6>: titres, du plus grand au plus petit<p>: paragraphe<a>: lien<img>: image<br>: saut de ligne
Voyons un exemple :
<h1>Welcome!</h1>
<p>This is a paragraph of text.</p>
<a href="https://example.com">Click here</a>
<img src="image.jpg" alt="An example image" />
<br />Les attributs des balises
Les attributs fournissent des informations supplémentaires sur un élément. Ils se placent dans la balise ouvrante.
Exemple :
<a href="https://example.com"
target="_blank">Visit Example</a>
Imbrication des balises
Vous pouvez placer une balise à l’intérieur d’une autre. Cela s’appelle l’imbrication.
Exemple :
<p>This is a <strong>bold</strong> word.</p>
Ordre de fermeture des balises imbriquées
Souvenez-vous : fermez toujours la balise intérieure avant de fermer la balise extérieure.
Exemple : assemblons le tout
Voici un exemple qui combine tout ce que nous avons appris :
<!DOCTYPE html>
<html>
<head>
<title>My HTML Example</title>
</head>
<body>
<h1>Welcome to My Web Page</h1>
<p>This is a <strong>simple</strong> paragraph of text.</p>
<a href="https://example.com" target="_blank">Click here to learn more</a>
<br />
<img src="image.jpg" alt="A beautiful view" />
</body>
</html>Excellent travail !
Félicitations ! Vous avez appris les balises, les éléments, les attributs et l’imbrication en HTML. Ce sont les éléments fondamentaux de chaque page web que vous créerez. Dans la prochaine leçon, nous écrirons votre première page HTML avec du contenu réel !
Questions Fréquemment Posées
La leçon « Balises et éléments HTML » est-elle gratuite ?
Oui — le texte complet de « Balises et éléments HTML » 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 « Balises et éléments HTML » ?
Découvrez ce que sont les balises et les éléments, et comment ils fonctionnent. 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 3 sur 4.
Combien de temps prend la leçon « Balises et éléments HTML » ?
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
- Qu’est-ce que HTML ?
- Structure de HTML : les éléments constitutifs
- Balises et éléments HTML
- Configurer votre première page HTML