Html <hr> Étiqueter
Une ligne le long de l'axe X est appelée une ligne horizontale utilisée entre les lignes de paragraphes pour faciliter la lecture. Plus précisément, ces lignes peuvent être utilisées pour ajouter une rupture thématique entre différentes sections ou paragraphes. Avec l'aide d'un HTML
Tag, vous pouvez tracer une ligne horizontale sur la page Web.
Cet article vous guidera sur l'utilisation du HTML "
" étiqueter.
Comment insérer une ligne horizontale à l'aide de HTML
étiqueter?
L'exemple ci-dessous ajoutera des lignes horizontales entre les trois
éléments. Pour ce faire, créons un fichier HTML. Ensuite, ajoutez trois
Éléments pour ajouter du contenu et spécifier le «
”Tag entre chacun d'eux.
Html
Bienvenue à Linuxhint!
Le meilleur site Web de tutoriel
En mission pour éduquer le monde en ligne
Enregistrez le fichier HTML et ouvrez-le dans le navigateur pour vérifier les résultats:
Maintenant, ajoutons quelques propriétés CSS au
élément.
Comment appliquer les propriétés CSS au
Élément?
La section ci-dessous démontrera les propriétés CSS qui sont appliquées aux éléments HTML avec les RH.
Dans le fichier html, à l'intérieur de l'élément corporel, ajoutez un élément div avec le nom de classe "linebox". À l'intérieur de cet élément div, spécifiez quatre
Éléments pour ajouter du contenu. Chaque
L'élément est séparé par
avec des classes comme line1, line2, line3, line4 et line5:
La ligne en acier en pointillé
La ligne bleue en pointillé
La ligne verte en pointillés
La ligne violette ronde
Style linebox div
.linebox
marge: 5px;
Border: 10px Groove RGB (133, 132, 135);
rembourrage: 15px;
taille de police: 16px
Voici la description du code donné ci-dessus:
-
- "marge»La propriété définit l'espace de 5px autour de l'élément.
- "frontière»La propriété définit la bordure de la largeur de 10px, le type de ligne de rainure et la couleur comme RVB (133, 132, 135).
- "rembourrage»La propriété définit de l'espace autour du contenu de l'élément.
- "taille de police»La propriété définit le réglage de la taille de la police sur 16px.
Ligne de style 1 de RH
heure.ligne 1
Border: 5px en acier solide;
Le "frontière«Propriété ayant la valeur»5px""solide" et "acierblue"Est appliqué à la ligne de classe 1 de l'élément HR où le 5px représente la largeur de la ligne, le solide est le type de ligne et SteelBlue est la couleur.
Ligne de style 2 de RH
heure.ligne 2
Border: 1px en pointillé bleu;
Pour la ligne de classe 2 de l'élément HR, la propriété frontalière ayant la valeur «1px""pointé""bleu"Est appliqué là où le 1px représente la largeur de la ligne, pointillé est le type de ligne, et le bleu est sa couleur.
Ligne de style3 de RH
heure.line3
Border: 3px en pointillé vert;
Pour la ligne de classe3, la valeur ajoutée de la frontière est «3px""en pointillé""vert«Là où le 3px représente la largeur, le pointillé est le type de ligne, et le vert est sa couleur.
Ligne de style 4 de RH
heure.line4
Border: 8px pourpre solide;
Border-Radius: 8px;
De même, nous avons appliqué la propriété frontalière à la lignée4 et réglé son «rayon frontalier" comme "8px".
On peut voir que l'utilisation du HTML
Tag, nous avons ajouté quatre types de lignes horizontales sur notre page Web:
Super! Vous avez réussi à découvrir le HTML
Tag avec des exemples.
Conclusion
Pour séparer une section ou un paragraphe, des lignes horizontales peuvent être ajoutées à notre page Web à l'aide du HTML
étiqueter. Cet élément est connu comme un élément vide car il ne tient pas de balise de clôture. Vous pouvez aussi
avec plusieurs propriétés CSS. Cet article a démontré le HTML
Tag et comment le coiffer avec CSS à l'aide d'exemples.