En HTML, nous pouvons facilement ajouter la ligne horizontale dans le document en utilisant les différentes manières suivantes :
- Utilisation de la balise HTML
- Utiliser le CSS interne
Utiliser HTML
Si nous voulons ajouter la ligne horizontale dans le document HTML en utilisant Balise HTML , nous devons alors suivre les étapes indiquées ci-dessous. En suivant ces étapes, nous pouvons facilement ajouter la ligne :
Étape 1: Tout d'abord, nous devons saisir le code HTML dans n'importe quel éditeur de texte ou ouvrir le fichier HTML existant dans l'éditeur de texte dans lequel nous souhaitons ajouter la ligne horizontale.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Html tags.
Étape 2: Maintenant, placez le curseur à l'endroit où nous voulons ajouter la ligne dans le document HTML. Et puis nous devons utiliser le
balise HTML à ce stade.
<hr>
Étape 3: Il faut maintenant ajouter les attributs de
balise, qui définit la taille, la couleur et la largeur d’une ligne. Nous devons donc saisir les attributs size, width et color dans le champ
étiqueter.
<hr>
Étape 4: Et puis nous devons spécifier les valeurs de ces attributs.
<hr>
Étape 5 : Et enfin, nous devons enregistrer le code HTML puis exécuter le fichier dans le navigateur.
Add the Line using Html tags This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Html tag.Testez-le maintenant
La sortie du code HTML ci-dessus est affichée dans la capture d'écran suivante :
Utiliser le CSS interne
Si nous souhaitons ajouter la ligne horizontale dans le document HTML à l'aide de la feuille de style interne, nous devons suivre les étapes indiquées ci-dessous. En suivant ces étapes, nous pouvons facilement ajouter la ligne :
Étape 1: Tout d'abord, nous devons saisir le code HTML dans n'importe quel éditeur de texte ou ouvrir le fichier HTML existant dans l'éditeur de texte dans lequel nous souhaitons ajouter la ligne horizontale.
Add the Line using Internal CSS. This page helps you to understand how to add the line in Html document. And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet.
Étape 2: Maintenant, il faut placer le curseur juste après la fermeture de la balise title dans le étiquette de tête du document HTML, puis définissez les styles à l'intérieur du balise comme indiqué dans le bloc suivant. Et puis nous devons taper la balise CSS hr pour styliser la ligne horizontale.
Add the Line using Internal CSS. hr { } Étape 3: Maintenant, nous devons définir les attributs de la balise CSS hr. Ainsi, nous définirons les différents attributs dans le bloc suivant :
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } Étape 4: Maintenant, nous devons taper le
balise dans le corps du document HTML pour afficher la ligne horizontale sur la page Web. Et enfin, nous devons enregistrer le fichier HTML puis exécuter le fichier dans le navigateur Internet.
Add the Line using Internal CSS. hr { width: 80%; height: 2px; background-color: pink; margin-bottom: 7px; margin-right: auto; margin-left: auto; margin-top: 9px; border-width: 4px; border-color: blue; } This page helps you to understand how to add the line in Html document. <hr> And, this section helps you to understand how to add the line using the Internal Cascading Style Sheet. Testez-le maintenant La sortie du code HTML ci-dessus est affichée dans la capture d'écran suivante :
