In HTML kunnen we eenvoudig de horizontale lijn in het document toevoegen op de volgende verschillende manieren:
- Html-tag gebruiken
- Met behulp van de interne CSS
Html gebruiken
Als we de horizontale lijn in het HTML-document willen toevoegen met behulp van Html-tag , dan moeten we de onderstaande stappen volgen. Met behulp van deze stappen kunnen we eenvoudig de regel toevoegen:
Stap 1: Ten eerste moeten we de HTML-code in een willekeurige teksteditor typen of het bestaande HTML-bestand openen in de teksteditor waarin we de horizontale lijn willen toevoegen.
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.
Stap 2: Plaats nu de cursor op het punt waar we de regel in het HTML-document willen toevoegen. En dan moeten we de
tag van HTML op dat moment.
<hr>
Stap 3: Nu moeten we de attributen van toevoegen
tag, die de grootte, kleur en breedte van een lijn definieert. We moeten dus het kenmerk size, width en color typen in het
label.
<hr>
Stap 4: En dan moeten we de waarden van deze attributen specificeren.
<hr>
Stap 5: En ten slotte moeten we de HTML-code opslaan en het bestand vervolgens in de browser uitvoeren.
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.Test het nu
De uitvoer van bovenstaande HTML-code wordt weergegeven in de volgende schermafbeelding:
Met behulp van de interne CSS
Als we de horizontale lijn in het HTML-document willen toevoegen met behulp van het interne stylesheet, moeten we de onderstaande stappen volgen. Met behulp van deze stappen kunnen we eenvoudig de regel toevoegen:
Stap 1: Ten eerste moeten we de HTML-code in een willekeurige teksteditor typen of het bestaande HTML-bestand openen in de teksteditor waarin we de horizontale lijn willen toevoegen.
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.
Stap 2: Nu moeten we de cursor net na het sluiten van de title-tag in het hoofd label van het HTML-document en definieer vervolgens de stijlen binnen het tag zoals weergegeven in het volgende blok. En dan moeten we de hr CSS-tag typen om de horizontale lijn vorm te geven.
Add the Line using Internal CSS. hr { } Stap 3: Nu moeten we de attributen van de hr CSS-tag definiëren. We zullen dus de verschillende attributen definiëren in het volgende blok:
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; } Stap 4: Nu moeten we het
tag in de hoofdtekst van het HTML-document om de horizontale lijn op de webpagina weer te geven. En ten slotte moeten we het HTML-bestand opslaan en het bestand vervolgens in de internetbrowser uitvoeren.
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. Test het nu De uitvoer van bovenstaande HTML-code wordt weergegeven in de volgende schermafbeelding:
