[HTML/CSS] - Chapitre 7. Les paragraphes, titres, gras et italique

par Tychic Obanda

---

HTML | 4 commentaires

---

Salut, mbote la famille! Dans cette vidéo, je vous montre comment inserer des paragraphes, des titres, et comment mettre du texte en gras ou italique.

Dans les vidéos précédentes je vous avais dit qu'une page web sans contenu ne sert à rien et aujourd'hui, nous allons ajouter du contenu à nos pages web.

Inserer des paragraphes dans une page web

Pour écrire un paragraphe dans une page web, on utilise la balise <p></p>. Comme cette balise est une balise double, à l'interieur, nous allons écrire notre texte. Pour mieux comprendre, je vous précente un bout de code avec la balise <p></p>.

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>

<p>quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

Ne vous inquietez si vous n'avez pas compris ce texte car c'est du Latin

Dans cet exemple, j'ai écrit deux paragraphes comme vous pouvez constacter.

Les balises de titre(h1,h2,h3,h4,h5 et h6)

Les balises de titre permettent de mettre des titres dans le contenu d'une page. Il ne s'agit pas de la balise title qu'on avait vu au chapitre 5. Ne le confondez jamais.

Pour les titres, nous avons les balises <h1></h1>, <h2></h2>...<h6></h6>. Le h1 indique le titre le plus important de la page, h2 c'est le titre qui vient après le h1, h3 suit le h2, et ainsi de suite. Pour comprendre leurs importances, voici les codes et le resultat.

<h1>Titre 1</h1>
<h2>Titre 2</h2>
<h3>Titre 3</h3>
<h4>Titre 4</h4>
<h5>Titre 5</h5>
<h6>Titre 6</h6>

Maintenant observez le resultat de ces lignes de code:

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5

Titre 6

Vous remarquez que le h1 a une grande taille par rapport aux autres titres. C'est parce que c'est le titre le plus important de la page.

Ecrire en gras et italique

Pour terminer, voyons maintenant comment écrire un texte en gras et italique en HTML.

Pour écrire en gras, on utilise la balise <b></b>. Tandis que l'italique, on utilise la balise <i></i>.

C'est tout pour cette vidéo. Si elle vous a plus, n'hesitez pas de liker la vidéo sur Youtube et si vous n'êtes pas encore abonné, faites-le maintenant.

---

• ← [HTML/CSS] - 10. Comment ajouter des images en HTML

• [HTML/CSS] - 1. Introduction →