En HTML 5, il existe 110 balises. Nous en avons déjà étudié 8 : html, head, meta, link, title, body, p, a

Apprenons-en 8 de plus, d'un coup !

Autres balises à connaître

1. h1 définit un titre de niveau 1
2. ol définit une liste ordonnée (Ordored List)
3. ul définit une liste non ordonnée (Unordored List)
4. li définit un élément de la liste
5. hr définit une ligne horizontale
6. br définit un retour à la ligne
7. img place une image
8. strong définit ce qui est important dans un paragraphe

Les titres

<h1>Ce titre est de niveau 1</h1>
<h2>Ce titre est de niveau 2</h2>
<h3>Ce titre est de niveau 3</h3>
<h4>Ce titre est de niveau 4</h4>
<h5>Ce titre est de niveau 5</h5>
<h6>Ce titre est de niveau 6</h6>

Ce qui donne :

Liste ordonnée ou pas, imbriquée ou pas

Liste ordonnée

Une liste ordonnée est utilisée lorsque l'ordre est important.

<ol>
   <li>Se lever</li>
   <li>Se laver</li>
   <li>Manger</li>
   <li>Aller à l'école</li>
</ol>

Ce qui donne :

Liste non-ordonnée

Une liste non-ordonnée est utilisée lorsque l'ordre n'a pas d'importance.

<ul>
   <li>Rouge</li>
   <li>Vert</li>
   <li>Bleu</li>
</ul>

Ce qui donne :

Ligne horizontale

La ligne horizontale permet d'écrire plus lisiblement en séparant des parties.

<hr />

Ce qui donne :

Retour à la ligne

Le retour de ligne permet d'imposer un retour à la ligne.
Cette balise se trouve dans la balise p

<p>Bonjour !<br />Comment vas-tu ?</p>

Ce qui donne :

Image

Non seulement le HTML permet de cliquer sur des liens, d'avoir du texte qui s'adapte à la taille de la fenêtre, d'avoir des couleurs différentes pour chaque zone, d'afficher des caractères chinois, mais aussi des images.

Une image est contenue dans la balise p.

<p><img src="http://www.flsw.com/china/cclavier.jpg" alt="image d'un clavier chinois" /></p>

Ce qui donne :

Si l'image n'existe plus sur le serveur ou qu'on n'est pas connecté, une croix rouge apparaîtra à l'emplacement de l'image.

Ce qui est très important

Dans un paragraphe, parfois on peut indiquer qu'un ou plusieurs mots sont importants.

<p>La balise strong permet d'indiquer un <strong>mot</strong> ou un passage <strong>important</strong>.</p>

Ce qui donne :

Vous connaissez 21 balises : html, head, meta, title, body, link, p, a, h1, h2, h3, h4, h5, h6, ol, ul, li, hr, br, img et strong.

Les 30 balises différentes, utilisées sur cette page, sont : ['html', 'head', 'meta', 'link', 'title', 'body', 'div', 'header', 'p', 'a', 'article', 'h1', 'ol', 'li', 'em', 'strong', 'aside', 'mark', 'h2', 'pre', 'h3', 'h4', 'h5', 'h6', 'ul', 'hr', 'br', 'img', 'footer', 'script']