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>