Django - 2.3 Titres, paragraphes et listes en HTML

Après la structure minimale d'une page HTML, cette leçon revoit trois éléments courants : les titres, les paragraphes et les listes. Vous voyez comment les afficher dans le navigateur à partir d'un fichier index. La pratique permet de comprendre la différence entre liste ordonnée et liste non ordonnée.

Les titres de h1 à h6

HTML propose six niveaux de titres, de h1 à h6. Dans la démonstration, chaque niveau est écrit à la suite, puis affiché dans le navigateur. Le titre h1 apparaît en premier, puis h2, et ainsi de suite jusqu'à h6.

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

Les paragraphes avec p

Un paragraphe s'écrit avec la balise p. Le texte se place à l'intérieur de la balise. Après avoir enregistré le fichier et actualisé le navigateur, le paragraphe s'affiche.

<p>Votre texte ici.</p>

Les listes ordonnées et non ordonnées

Il existe deux sortes de listes : les listes ordonnées, avec la balise ol, et les listes non ordonnées, avec la balise ul. Chaque élément de liste s'écrit avec la balise li. Dans l'exemple, la liste contient téléphone, ordinateur, sac et voiture.

<ol>
  <li>Téléphone</li>
  <li>Ordinateur</li>
  <li>Sac</li>
  <li>Voiture</li>
</ol>
<ul>
  <li>Téléphone</li>
  <li>Ordinateur</li>
  <li>Sac</li>
  <li>Voiture</li>
</ul>

En résumé

Les titres vont de h1 à h6 et les paragraphes utilisent la balise p. Les listes ordonnées utilisent ol, les listes non ordonnées utilisent ul, et chaque élément est écrit avec li. Un fichier index ouvert dans le navigateur permet de vérifier le rendu.

Points clés

• Il existe six niveaux de titres, de h1 à h6.
• La balise p crée un paragraphe.
• La balise ol crée une liste ordonnée.
• La balise ul crée une liste non ordonnée.
• Chaque élément de liste utilise la balise li.

Questions fréquentes

Quelle différence entre ol et ul ?

ol crée une liste ordonnée, et ul crée une liste non ordonnée. Le navigateur affiche les deux différemment.

Comment vérifier le résultat ?

Enregistrez le fichier index, puis ouvrez-le avec un navigateur. Actualisez la page après chaque modification.

Quel est le titre le plus important ?

h1 est le niveau de titre le plus élevé, et h6 le plus bas, selon l'ordre montré dans la démonstration.