U HTML-u možemo jednostavno dodati vodoravnu crtu u dokument koristeći sljedeće različite načine:
- Korištenje HTML oznake
- Korištenje internog CSS-a
Korištenje HTML-a
Ako želimo dodati vodoravnu liniju u Html dokument koristeći Html oznaka , tada moramo slijediti korake koji su navedeni u nastavku. Pomoću ovih koraka možemo jednostavno dodati redak:
Korak 1: Prvo moramo utipkati Html kod u bilo kojem uređivaču teksta ili otvoriti postojeću Html datoteku u uređivaču teksta u koji želimo dodati horizontalnu liniju.
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.
Korak 2: Sada postavite kursor na točku gdje želimo dodati liniju u Html dokument. I, onda moramo koristiti
oznaku HTML-a u tom trenutku.
<hr>
Korak 3: Sada moramo dodati atribute
tag, koji definira veličinu, boju i širinu linije. Dakle, moramo upisati atribut veličine, širine i boje unutar
označiti.
<hr>
Korak 4: Zatim moramo specificirati vrijednosti ovih atributa.
<hr>
Korak 5: I, na kraju, moramo spremiti Html kod i zatim pokrenuti datoteku u pregledniku.
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.Testirajte sada
Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona:
Korištenje internog CSS-a
Ako želimo dodati vodoravnu liniju u Html dokument koristeći internu tablicu stilova, tada moramo slijediti korake koji su navedeni u nastavku. Pomoću ovih koraka možemo jednostavno dodati redak:
Korak 1: Prvo moramo utipkati Html kod u bilo kojem uređivaču teksta ili otvoriti postojeću Html datoteku u uređivaču teksta u koji želimo dodati horizontalnu liniju.
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.
Korak 2: Sada moramo postaviti pokazivač neposredno nakon zatvaranja naslovne oznake u oznaka za glavu Html dokumenta, a zatim definirajte stilove unutar oznaku kao što je prikazano u sljedećem bloku. Zatim moramo upisati hr CSS oznaku za oblikovanje vodoravne crte.
Add the Line using Internal CSS. hr { } Korak 3: Sada moramo definirati atribute hr CSS oznake. Dakle, definirat ćemo različite atribute u sljedećem bloku:
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; } Korak 4: Sada moramo upisati
oznaku u tijelu Html dokumenta za prikaz vodoravne linije na web stranici. I, na kraju, moramo spremiti Html datoteku i potom je pokrenuti u internetskom pregledniku.
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. Testirajte sada Izlaz gornjeg Html koda prikazan je na sljedećoj snimci zaslona:
