I HTML kan vi enkelt legge til den horisontale linjen i dokumentet ved å bruke følgende forskjellige måter:
- Bruker HTML-tag
- Bruke den interne CSS
Ved hjelp av HTML
Hvis vi vil legge til den horisontale linjen i HTML-dokumentet ved hjelp av HTML-tag , så må vi følge trinnene som er gitt nedenfor. Ved å bruke disse trinnene kan vi enkelt legge til linjen:
Trinn 1: For det første må vi skrive inn HTML-koden i et hvilket som helst tekstredigeringsprogram eller åpne den eksisterende HTML-filen i tekstredigeringsprogrammet der vi vil legge til den horisontale linjen.
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.
Steg 2: Plasser nå markøren på punktet der vi vil legge til linjen i HTML-dokumentet. Og da må vi bruke
tag av HTML på det tidspunktet.
<hr>
Trinn 3: Nå må vi legge til attributtene til
tag, som definerer størrelsen, fargen og bredden på en linje. Så vi må skrive inn størrelse, bredde og fargeattributt i
stikkord.
<hr>
Trinn 4: Og så må vi spesifisere verdiene til disse attributtene.
<hr>
Trinn 5: Og til slutt må vi lagre HTML-koden og deretter kjøre filen i nettleseren.
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 det nå
Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde:
Bruke den interne CSS
Hvis vi vil legge til den horisontale linjen i HTML-dokumentet ved å bruke det interne stilarket, må vi følge trinnene som er gitt nedenfor. Ved å bruke disse trinnene kan vi enkelt legge til linjen:
Trinn 1: For det første må vi skrive inn HTML-koden i et hvilket som helst tekstredigeringsprogram eller åpne den eksisterende HTML-filen i tekstredigeringsprogrammet der vi vil legge til den horisontale linjen.
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.
Steg 2: Nå må vi plassere markøren like etter lukkingen av titteltaggen i hodemerke av HTML-dokumentet og definer deretter stilene i tag som vist i følgende blokk. Og så må vi skrive inn hr CSS-taggen for å style den horisontale linjen.
Add the Line using Internal CSS. hr { } Trinn 3: Nå må vi definere attributtene til hr CSS-taggen. Så vi vil definere de forskjellige attributtene i følgende blokk:
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; } Trinn 4: Nå må vi skrive inn
taggen i hoveddelen av HTML-dokumentet for å vise den horisontale linjen på nettsiden. Og til slutt må vi lagre HTML-filen og deretter kjøre filen i nettleseren.
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 det nå Utdataene fra HTML-koden ovenfor vises i følgende skjermbilde:
