Appliquer la notion

Voici le contenu d'un fichier HTML.

1
<!DOCTYPE html>
2
<html>
3
 <head>
4
  <meta charset="utf-8" />
5
  <title>Ma page</title>
6
 </head>
7
 <body>
8
   <h3>Liste de courses</h3>
9
   <ol>
10
    <li><s>Pommes</s></li>
11
    <li><s>Farine</s></li>
12
    <li>Levure</li>
13
    <li><b>Oeufs</b></li>
14
   </ol>
15
16
   <h3>Choses à faire <br/><i>Très important!</i></h3>
17
   <ul>
18
    <li><s>Factures</s></li>
19
    <li>Appeler Mamie</li>
20
    <li>Sport</li>
21
   </ul>
22
 </body>
23
</html>

Question

Testez-le sur Repl.it en créant un repl de type HTML, CSS, JavaScript.

Solution

On obtient le rendu suivant :

Question

Quelle est la différence entre les balises <ol> et <ul> ?

Solution

<ol> est une liste numérotée (on dit ordonnée) alors que <ul> est une liste à puces (on dit désordonnée).

Question

Que fait la balise <br/> ?

Solution

Elle fait un retour à la ligne.

Question

Quelle phrase est en italique et quelle est la balise qui permet ça ?

Solution

« Très important! » est mis en italique entre des balises <i>.

Stéphane Crozat, Jinane Ben Salem Paternité - Partage des Conditions Initiales à l'Identique