I HTML kan vi nemt tilføje den vandrette linje i dokumentet på følgende forskellige måder:
- Brug af HTML-tag
- Brug af den interne CSS
Brug af HTML
Hvis vi vil tilføje den vandrette linje i HTML-dokumentet vha Html tag , så skal vi følge trinene, som er angivet nedenfor. Ved at bruge disse trin kan vi nemt tilføje linjen:
Trin 1: For det første skal vi skrive HTML-koden i en hvilken som helst teksteditor eller åbne den eksisterende HTML-fil i teksteditoren, hvor vi vil tilføje den vandrette linje.
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.
Trin 2: Placer nu markøren på det punkt, hvor vi vil tilføje linjen i HTML-dokumentet. Og så skal vi bruge
tag af HTML på det tidspunkt.
<hr>
Trin 3: Nu skal vi tilføje egenskaberne for
tag, som definerer størrelsen, farven og bredden af en linje. Så vi skal indtaste størrelse, bredde og farveattribut i
tag.
<hr>
Trin 4: Og så skal vi specificere værdierne for disse attributter.
<hr>
Trin 5: Og til sidst skal vi gemme HTML-koden og derefter køre filen i browseren.
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 nu
Outputtet af ovenstående HTML-kode er vist i følgende skærmbillede:
Brug af den interne CSS
Hvis vi vil tilføje den vandrette linje i HTML-dokumentet ved hjælp af det interne typografiark, skal vi følge trinene, som er givet nedenfor. Ved at bruge disse trin kan vi nemt tilføje linjen:
Trin 1: For det første skal vi skrive HTML-koden i en hvilken som helst teksteditor eller åbne den eksisterende HTML-fil i teksteditoren, hvor vi vil tilføje den vandrette linje.
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.
Trin 2: Nu skal vi placere markøren lige efter lukningen af title tag i hovedmærke af HTML-dokumentet, og definer derefter stilene inde i tag som vist i den følgende blok. Og så skal vi indtaste hr CSS-tagget for at style den vandrette linje.
Add the Line using Internal CSS. hr { }
Trin 3: Nu skal vi definere attributterne for hr CSS tag. Så vi vil definere de forskellige attributter i følgende 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; }
Trin 4: Nu skal vi skrive
tag i hovedteksten af HTML-dokumentet for at vise den vandrette linje på websiden. Og til sidst skal vi gemme HTML-filen og derefter køre filen i internetbrowseren.
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 nu
Outputtet af ovenstående HTML-kode er vist i følgende skærmbillede: