V HTML lahko preprosto dodamo vodoravno črto v dokument na naslednje različne načine:
- Uporaba oznake Html
- Uporaba internega CSS
Uporaba Html
Če želimo dodati vodoravno črto v dokument Html z uporabo Html oznaka , potem moramo slediti korakom, ki so navedeni spodaj. S temi koraki lahko enostavno dodamo vrstico:
Korak 1: Najprej moramo v kateri koli urejevalnik besedil vnesti kodo Html ali v urejevalniku besedil odpreti obstoječo datoteko Html, v katero želimo dodati vodoravno črto.
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.
2. korak: Zdaj postavite kazalec na točko, kamor želimo dodati vrstico v dokumentu Html. In potem moramo uporabiti
oznako Html na tej točki.
<hr>
3. korak: Zdaj moramo dodati atribute
tag, ki določa velikost, barvo in širino črte. Torej moramo vnesti atribut velikosti, širine in barve
oznaka.
<hr>
4. korak: In potem moramo določiti vrednosti teh atributov.
<hr>
5. korak: In končno moramo shraniti kodo Html in nato zagnati datoteko v brskalniku.
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.Preizkusite zdaj
Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:
Uporaba internega CSS
Če želimo dodati vodoravno črto v dokumentu Html s pomočjo notranje tabele slogov, moramo slediti korakom, ki so navedeni spodaj. S temi koraki lahko enostavno dodamo vrstico:
Korak 1: Najprej moramo v kateri koli urejevalnik besedil vnesti kodo Html ali v urejevalniku besedil odpreti obstoječo datoteko Html, v katero želimo dodati vodoravno črto.
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.
2. korak: Zdaj moramo kazalec postaviti tik za zaključno oznako naslova v naglavna oznaka dokumenta Html in nato definirajte sloge znotraj oznako, kot je prikazano v naslednjem bloku. In potem moramo vnesti oznako hr CSS za oblikovanje vodoravne črte.
Add the Line using Internal CSS. hr { } 3. korak: Sedaj moramo definirati atribute oznake hr CSS. Tako bomo v naslednjem bloku definirali različne atribute:
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; } 4. korak: Zdaj moramo vnesti
v telesu dokumenta Html za prikaz vodoravne črte na spletni strani. In končno moramo shraniti datoteko Html in jo nato zagnati v internetnem brskalniku.
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. Preizkusite zdaj Rezultat zgornje kode Html je prikazan na naslednjem posnetku zaslona:
