V HTML môžeme jednoducho pridať vodorovnú čiaru do dokumentu nasledujúcimi rôznymi spôsobmi:
- Použitie značky Html
- Použitie interného CSS
Pomocou Html
Ak chceme pridať vodorovný riadok do dokumentu Html pomocou Html tag , potom musíme postupovať podľa krokov, ktoré sú uvedené nižšie. Pomocou týchto krokov môžeme jednoducho pridať riadok:
Krok 1: Najprv musíme zadať Html kód v ľubovoľnom textovom editore alebo otvoriť existujúci Html súbor v textovom editore, do ktorého chceme pridať vodorovnú čiaru.
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.
Krok 2: Teraz umiestnime kurzor na miesto, kde chceme pridať riadok v dokumente Html. A potom musíme použiť
v tomto bode HTML.
<hr>
Krok 3: Teraz musíme pridať atribúty
tag, ktorý definuje veľkosť, farbu a šírku čiary. Takže musíme zadať atribúty size, width a color v rámci
tag.
<hr>
Krok 4: A potom musíme špecifikovať hodnoty týchto atribútov.
<hr>
Krok 5: A nakoniec musíme uložiť Html kód a potom spustiť súbor v prehliadači.
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.Vyskúšajte to
Výstup vyššie uvedeného Html kódu je zobrazený na nasledujúcej snímke obrazovky:
Použitie interného CSS
Ak chceme pridať vodorovnú čiaru do dokumentu Html pomocou internej šablóny so štýlmi, musíme postupovať podľa krokov, ktoré sú uvedené nižšie. Pomocou týchto krokov môžeme jednoducho pridať riadok:
Krok 1: Najprv musíme zadať Html kód v ľubovoľnom textovom editore alebo otvoriť existujúci Html súbor v textovom editore, do ktorého chceme pridať vodorovnú čiaru.
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.
Krok 2: Teraz musíme umiestniť kurzor hneď za zatvorenie značky title v hlavový štítok Html dokumentu a potom definujte štýly vo vnútri tag, ako je znázornené v nasledujúcom bloku. A potom musíme zadať značku hr CSS na úpravu vodorovnej čiary.
Add the Line using Internal CSS. hr { } Krok 3: Teraz musíme definovať atribúty hr CSS tagu. Takže budeme definovať rôzne atribúty v nasledujúcom 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; } Krok 4: Teraz musíme zadať
tag v tele Html dokumentu na zobrazenie vodorovnej čiary na webovej stránke. A nakoniec musíme uložiť súbor Html a potom spustiť súbor v internetovom prehliadači.
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. Vyskúšajte to Výstup vyššie uvedeného Html kódu je zobrazený na nasledujúcej snímke obrazovky:
