Les éléments HTML de type inline h1 à h6 sont utilisés pour définir des titres. h1 définit le titre le plus important, h6 définit le titre le moins important. Ainsi par exemple h2 spécifie un titre moins important que h1 mais plus important que h3 et ainsi de suite.

<h1>Lorem ipsum dolor sit amet.</h1>

Attributs

Attribut : class

Permet de spécifier la classe css à utiliser sur le titre.

Exemple

HTML
<h1 class="titre">Lorem ipsum dolor sit amet.</h1>
CSS
.titre{
color:chocolate;
}

Lorem ipsum dolor sit amet.

Attribut : id

Permet de spécifier l’identifiant css à utiliser sur le titre.

Exemple

HTML
<h2 id="titre">Lorem ipsum dolor sit amet.</h2>
CSS
#titre{
color:brown;
font-weight:bolder;
}

Lorem ipsum dolor sit amet.

Attribut : title

Permet de mettre une infobulle sur le titre.

Exemple

HTML
<h3 title="titre" >Lorem ipsum dolor sit amet.</h3>

Lorem ipsum dolor sit amet.

Attribut : dir

Permet de spécifier le sens d’écriture du titre. Elle prend 2 valeurs :
- ltr : Left To Right : de gauche à droite(valeur par défaut).
- rtl : Right To Left : de droite à gauche.

Exemple

HTML
<h4 dir="rtl" > فصل وجهان واُسدل بمباركة بـ. بها عل أعلنت</h4>

فصل وجهان واُسدل بمباركة بـ. بها عل أعلنت

Attribut : style

Permet d’appliquer un style au corps directement dans le html, sans avoir besoin d’une feuille de style.

Exemple

HTML
<h5 style="color:#FFCC33;font-style:italic;" >Lorem ipsum dolor sit amet.</h5>
Lorem ipsum dolor sit amet.

Attribut : lang

Permet de spécifier la langue du titre.

Exemple

HTML
<h6 lang="en">Open your windows to Ubuntu</h6>

Open your windows to Ubuntu