V HTML můžeme snadno přidat vodorovnou čáru do dokumentu pomocí následujících různých způsobů:
- Použití HTML tagu
- Použití interního CSS
Pomocí Html
Pokud chceme přidat vodorovnou čáru v dokumentu Html pomocí Html tag , pak musíme postupovat podle kroků, které jsou uvedeny níže. Pomocí těchto kroků můžeme snadno přidat řádek:
Krok 1: Nejprve musíme zadat Html kód v libovolném textovém editoru nebo otevřít existující Html soubor v textovém editoru, do kterého chceme vodorovnou čáru přidat.
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: Nyní umístěte kurzor na místo, kam chceme přidat řádek v dokumentu Html. A pak musíme použít
v tomto bodě HTML.
<hr>
Krok 3: Nyní musíme přidat atributy
tag, které definují velikost, barvu a šířku čáry. Takže musíme zadat velikost, šířku a barvu v rámci
štítek.
<hr>
Krok 4: A pak musíme specifikovat hodnoty těchto atributů.
<hr>
Krok 5: A nakonec musíme uložit Html kód a poté spustit soubor v prohlížeč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.Otestujte to hned
Výstup výše uvedeného Html kódu je zobrazen na následujícím snímku obrazovky:
Použití interního CSS
Pokud chceme přidat vodorovnou čáru do dokumentu Html pomocí vnitřní šablony stylů, musíme postupovat podle kroků, které jsou uvedeny níže. Pomocí těchto kroků můžeme snadno přidat řádek:
Krok 1: Nejprve musíme zadat Html kód v libovolném textovém editoru nebo otevřít existující Html soubor v textovém editoru, do kterého chceme vodorovnou čáru přidat.
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: Nyní musíme umístit kurzor těsně za uzavření značky title v štítek na hlavě dokumentu Html a poté definujte styly uvnitř tag, jak je znázorněno v následujícím bloku. A pak musíme zadat značku hr CSS pro stylování vodorovné čáry.
Add the Line using Internal CSS. hr { } Krok 3: Nyní musíme definovat atributy hr CSS tagu. Takže definujeme různé atributy v následujícím 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: Nyní musíme zadat
tag v těle Html dokumentu pro zobrazení vodorovné čáry na webové stránce. A nakonec musíme uložit soubor Html a poté spustit soubor v internetovém prohlížeč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. Otestujte to hned Výstup výše uvedeného Html kódu je zobrazen na následujícím snímku obrazovky:
