Historique des conversations
Chargement...
Chapitre 3 : Les balises de texte
Chapitre 3 : Les balises de texte
Titres (Headings)
HTML fournit six niveaux de titres, de <h1> à <h6>, <h1> étant le plus important.
<h1>Titre principal</h1>
<h2>Sous-titre</h2>
<h3>Titre niveau 3</h3>
<h4>Titre niveau 4</h4>
<h5>Titre niveau 5</h5>
<h6>Titre niveau 6</h6>Paragraphes
Les paragraphes de texte sont définis avec la balise <p>.
<p>Ceci est un paragraphe de texte.</p>Texte en gras et en italique
Pour mettre un texte en gras, utilisez <strong> ou <b>. Pour l'italique, utilisez <em> ou <i>.
<p>Texte <strong>important</strong> et texte <em>accentué</em>.</p>Lignes horizontales et sauts de ligne
La balise <hr /> ajoute une ligne horizontale. La balise <br /> force un saut de ligne.
<p>Texte ligne 1<br />Texte ligne 2</p>
<hr />
Évaluation des acquis
Correction immédiate
Quiz du chapitre 3
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Titres
Atelier #1Crée un titre de niveau 1 et un sous-titre de niveau 2.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
<h1>Titre principal</h1>
<h2>Sous-titre</h2>
#2 — Paragraphe
Atelier #2Affiche un court texte dans un paragraphe.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
<p>Ceci est un paragraphe de texte.</p>
#3 — Gras et Italique
Atelier #3Mets un mot en gras (important) et un autre en italique (emphase).
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
<p>Ce mot est <strong>important</strong> et celui-ci est en <em>italique</em>.</p>
#4 — Saut de ligne
Atelier #4Comment forcer un retour à la ligne sans changer de paragraphe ?
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
<p>Ligne 1<br>Ligne 2</p>
#5 — Citation
Atelier #5Utilise la balise blockquote pour une citation longue.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
<blockquote>
La connaissance s'acquiert par l'expérience, tout le reste n'est que de l'information.
</blockquote>