Bienvenue à ce nouveau tuto 🙂 . Dans cette partie , nous allons apprendre comment créer les titres et les paragraphes dans HTML.
accès rapide
La démo
Les titres
Les éléments de titre permettent de définir un texte comme étant un titre ou sous-titre.
Pour être plus clair , admettons que nous avons un livre qu’on doit déterminer le titre du livre et ses les titres de ses différents chapitres et des sous-titres au sein de ces chapitres.
HTML nous a donné la possibilité de faire ce type de titrage à l’aide de 6 niveaux de titres : de <h1> à <h6>.
Ci-dessous un exemple contenant les 6 niveaux de titres :
<!DOCTYPE html>
<html>
<head>
<title>Ma page Web </title>
</head>
<body>
<h1>Rubrique 1</h1>
<h2>Rubrique 2</h2>
<h3>Rubrique 3</h3>
<h4>Rubrique 4</h4>
<h5>Rubrique 5</h5>
<h6>Rubrique 6</h6>
</body>
</html>
Les paragraphes
Après avoir défini les titres , nous pouvons commencer à écrire les paragraphes dedans.
Pour ce faire, nous a mis à disposition la balise<p> (p veut dire paragraphe). Dans une page HTML, vous pouvez ajouter autant de paragraphes que vous désirez.
ci-dessous un exemple contenant à la fois des titres et des paragraphes :
<!DOCTYPE html>
<html>
<head>
<title>Les titres et les paragraphes en HTML</title>
<meta charset="utf-8" />
</head>
<body>
<h1>Un titre de niveau 1</h1>
<p>
Un premier paragraphe.
</p>
<h2>Un titre de niveau 2</h2>
<p>
Un deuxième paragraphe.
</p>
</body>
</html>
Exercice
écrire le code HTML permettant de donner le résultat suivant :
Correction
<!DOCTYPE html>
<html>
<head>
<title>Les titres et les paragraphes en HTML</title>
<meta charset="utf-8" />
</head>
<body>
<h1>Les titres dans HTML </h1>
<p>
Les éléments de titre permettent de définir un texte comme étant un titre ou sous-titre.
</p>
<h2>Les paragraphes dans HTML </h2>
<p>
Après avoir défini les titres , nous pouvons commencer à écrire les paragraphes dedans.
</p>
</body>
</html>
Dans cette partie , nous avons appris comment créer les titres et les paragraphes dans HTML.
Espérons bien que ce tuto vous a plu. Dans le tuto suivant , Nous allons commencer à ajouter des éléments pour la mise en forme du texte à notre fichier HTML.