HTML : les balises les plus courantes

un lien

Photo par Maik JONIETZ publiée sur Unsplash

Les balises de titre

On peut créer une hiérarchie de titre grâce aux balises header. Il y aura les titres, les sous-titres, les sous-sous-titres, etc. Les différents niveaux de titre sont notés avec les balises h1, h2, jusqu'à h6

Attention !

Les numéros indiquent le niveau de titre. Ainsi, h2 n'est pas le second titre de la page HTML mais bien un sous-titre (un titre de second niveau)

Voici un exemple 

<h1> Titre principal du document</h1>
<h2> Un titre de niveau 2 </h2>
<p>
    Un paragraphe
</p>
<h3> Un sous-sous titre </h3>
<p>
    Un autre paragraphe
</p>
<h3> Un autre sous-sous titre</h3>
<p> Paragraphe suivante
</p>
<h2> Une nouvelle rubrique (titre de niveau 2)</h2>
<p>
    Paragraphe !
</p>

Les listes à puces

Les listes à puce sont très courantes. Vous en avez l'habitude dans les traitement de texte. La liste est contenue dans une balise ul (de l'anglais unordered list, ce qui signifie liste sans ordre ). Chaque élément de la liste est encadrée par une balise li (de l'anglais list item, ce qui signifie objet de la liste ). Voici un exemple simple. 

<ul>
    <li> premier item</li>
    <li> second item </li>
    <li> dernier item </li>
</ul>

Les listes ordonnées

Les listes ordonnées sont identiques aux listes à puce, mais au lieu d'avoir une liste sans ordre, les entrées de la liste sont numérotées.

Une liste ordonée se présente comme une liste à puce. Elle contient des balises li pour les objets de la liste. Mais la balise qui encadre la liste n'est plus ul mais ol (comme ordered list, une liste ordonnée )

À faire

Reprenez l'exemple précédent et remplacez ul par ol. Exécutez pour visualiser

Les passages à la ligne

On peut vouloir aller à la ligne dans un document HTML sans pour autant commencer un nouveau paragraphe. Pour aller à la ligne, on va insérer une balise br. Cette balise a une particularité. Elle fait partie des rares balises qui ne sont pas en deux parties (ouvrante et fermante). C'est assez logique : on ne peut pas dire "on va à la ligne de tel endroit à tel endroit" (alors qu'on pouvait dire que de tel endroit à tel endroit c'est un texte ou un paragraphe) 

Une ligne à afficher <br> 
Puis je vais à la ligne
À faire vous même

Vous allez maintenant composer une page qui va être la liste de vos préférences au niveau culinaire, littéraire et musical. Suivez bien les consignes.

Il nous reste deux types de balises classiques à voir : les images et les tableaux.