Hypertext Markup Language také známý jako HTML, se používá k vytváření webových aplikací. HTML tagy, běžně známé jako elementy, jsou nejdůležitějším aspektem jazyka HTML. HTML tagy vkládají a zobrazují obsah nebo informace na webových stránkách. Existují dva typy HTML tagů: Empty a Container tags.
Tento blog vás provede prací s prázdnými a kontejnerovými značkami v HTML.
Prázdné značky
Prázdné značky jsou také známé jako „ jedináček “ nebo „ prázdnota ” tagy. Značka void nikdy neobsahuje žádný obsah, ale atributy lze zadat. Tyto značky nemají koncovou značku a mohou ve značce obsahovat zpětné lomítko. Příklady prázdných značek jsou '
', '', '', '
Syntax
Syntaxe pro zmínku o prázdných prvcích v HTML je následující:
< prázdný tag />
Chcete-li vidět, jak pracovat s prázdnými značkami, podívejte se na příklad níže. '
Značka ” je známá jako značka zalomení řádku a používá se k přerušení řádku:
< p > HTML prázdné značky < br > Linie přestávka Štítek p >
Výstup indikuje, že „
” tag přerušil čáru:
Ke značkám HTML můžeme přidat vlastnosti stylu CSS. '
Značka ” je další prázdný prvek, který na stránku přidává vodorovnou čáru:
< hr styl = 'border-top: 3px přerušovaná červená;' > Linie přestávka Štítek
p >
' okraj-top Vlastnost CSS se použije na
” se třemi hodnotami, jedna je šířka okraje, která se rovná “ 3px “, styl ohraničení je nastaven jako „ čárkovaná “ a barvu ohraničení.
Výstup
Dosud jsme diskutovali o prázdných značkách HTML. Nyní si v další části projdeme značky kontejneru HTML.
Kontejnerové štítky
Značky kontejneru HTML se skládají ze tří částí: počáteční značky, obsah a koncové značky. Syntaxe značky kontejneru HTML je uvedena takto:
< počáteční_den > Obsah koncová značka >Podívejte se na příklady níže a zjistěte, jak značka kontejneru funguje v HTML.
Příklad 1: Jak přidat odstavec do HTML?
' Značka ” se používá k vložení odstavce do dokumentu HTML:
< p > Toto je značka odstavce p >Výstup
Příklad 2: Jak přidat nadpisy do HTML?
Existuje šest úrovní značek kontejneru nadpisů, které lze použít k přidání nadpisů na webovou stránku. Vložme je do dokumentu HTML, abychom viděli, jak fungují a vypadají na webové stránce:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Výstup
Můžeme poskytnout inline styl pro tyto značky. Zvažte níže uvedený příklad, který ukazuje, jak na tyto značky použít různé vlastnosti stylů CSS:
< h1 styl = 'barva pozadí: bodlák; rodina písem: kurzíva;' > Linux h1 >< h2 styl = 'barva pozadí: pšenice; zarovnání textu: střed;' > Linux h2 >
< h3 styl = 'barva pozadí: rajče; barva: bílá;' > Linux h3 >
< h4 styl = 'rodina písma: 'Trebuchet MS'; barva pozadí: žlutázelená;' > Linux h4 >
< h5 styl = 'barva pozadí: fialová;' > Linux h5 >
< h6 styl = 'barva pozadí: whitesmoke;' > Linux h6 & gt
Zde je vysvětlení výše uvedených vlastností:
- ' barva pozadí ” vlastnost přidá barvu pozadí prvku.
- “ rodina písem Vlastnost ” upravuje styl písma prvku.
- “ zarovnání textu Vlastnost ” upravuje umístění nebo zarovnání textu.
Výstup
Ukázali jsme vám, jak používat prázdné a kontejnerové značky HTML.
Závěr
Prázdné značky a značky kontejneru jsou hlavní součásti dokumentů HTML, které vkládají obsah a informace na webovou stránku. Prázdné značky neobsahují žádný obsah a skládají se pouze z počáteční značky se zpětným lomítkem na konci, například
. Značky kontejneru však obsahují počáteční a koncové značky spolu s obsahem. Tento blog rozpracoval práci s prázdnými a kontejnerovými prvky v HTML.