HTML <hr> Tag
Exemple
Utilisez la balise <hr> pour définir des changements thématiques dans le contenu :
<h1>Les Langues Principales du Web</h1>
<p>HTML est le langage de balisage standard pour créer des pages Web. HTML décrit la structure d'une page Web et se compose d'une série d'éléments. Les éléments HTML indiquent au navigateur comment afficher le contenu.</p>
<hr>
<p>CSS est un langage qui décrit comment les éléments HTML doivent être affichés à l'écran, sur papier ou dans d'autres médias. CSS permet de gagner beaucoup de temps, car il peut contrôler la mise en page de plusieurs pages Web en même temps.</p>
<hr>
<p>JavaScript est le langage de programmation de HTML et du Web. JavaScript peut modifier le contenu HTML et les valeurs d'attributs. JavaScript peut changer le CSS. JavaScript peut cacher et afficher des éléments HTML, et plus encore.</p> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
La <hr> balise définit une rupture thématique dans une page HTML (par exemple, un changement de sujet).
L'élément <hr> est le plus souvent affiché comme une règle horizontale utilisée pour séparer le contenu (ou définir un changement) dans une page HTML.
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <hr> | Oui | Oui | Oui | Oui | Oui |
Attributs Globaux
La <hr> balise prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La <hr> balise prend également en charge les Attributs d'Événement en HTML .
Plus d'Exemples
Exemple
Alignez un élément <hr> (avec CSS) :
<hr style="width:50%;text-align:left;margin-left:0"> Exemple
Un <hr> sans ombre (avec CSS) :
<hr style="height:2px;border-width:0;color:gray;background-color:gray"> Exemple
Définissez la hauteur d'un élément <hr> (avec CSS) :
<hr style="height:30px"> Exemple
Définissez la largeur d'un élément <hr> (avec CSS) :
<hr style="width:50%"> Pages Associées
Référence DOM HTML : Objet HR
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <hr> avec les valeurs par défaut suivantes :
Exemple
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}