Image 1
Web development

Tutoriel du HTML (partie 5)

Apprenez à utiliser la balise `` pour créer des filets horizontaux et maîtrisez les listes numérotées avec les balises ` ` et ` `.

As-tu aimé cet article ?

Comment insérer un filet horizontal avec la balise <hr> ?

Le filet horizontal permet de séparer visuellement des sections de contenu. Il s'insère grâce à la balise orpheline <hr>.

Voici les paramètres facultatifs disponibles :

<hr size=5 width="10%" align=left noshade color="#000000">

  • size : l'épaisseur du trait
  • width : la largeur du filet
  • align : l'alignement (left, center, right)
  • noshade : pour supprimer l'ombre
  • color : la couleur du trait

Comment créer des listes numérotées et à puces en HTML ?

Il existe trois types de listes en HTML : les listes numérotées, les listes à puces et les listes de définitions.

Les listes numérotées : balises <ol> et <li>

On utilise les balises <ol></ol> (Ordered List) pour définir la liste, puis les balises <li></li> (List Item) pour chaque élément.

Exemple 1 — Numérotation classique :

<ol>
<li>Ligne 1</li>
<li>Ligne 2</li>
<li>Ligne 3</li>
</ol>

Résultat :
1. Ligne 1
2. Ligne 2
3. Ligne 3

Exemple 2 — Lettres majuscules (TYPE="A") :

<ol type="A">
<li>Ligne 1</li>
<li>Ligne 2</li>
<li>Ligne 3</li>
</ol>

Résultat :
A. Ligne 1
B. Ligne 2
C. Ligne 3

Exemple 3 — Lettres minuscules (TYPE="a") :

<ol type="a">
<li>Ligne 1</li>
<li>Ligne 2</li>
<li>Ligne 3</li>
</ol>

Résultat :
a. Ligne 1
b. Ligne 2
c. Ligne 3

Exemple 4 — Chiffres romains majuscules (TYPE="I") :

<ol type="I">
<li>Ligne 1</li>
<li>Ligne 2</li>
<li>Ligne 3</li>
</ol>

Résultat :
I. Ligne 1
II. Ligne 2
III. Ligne 3

Exemple 5 — Chiffres romains minuscules (TYPE="i") :

<ol type="i">
<li>Ligne 1</li>
<li>Ligne 2</li>
<li>Ligne 3</li>
</ol>

Résultat :
i. Ligne 1
ii. Ligne 2
iii. Ligne 3

As-tu aimé cet article ?
zippy
9 articles 0 abonnés

Commentaires (0)

Connexion pour laisser un commentaire.

Chargement des commentaires...

Articles similaires