Hypertext Markup Language tiež známy ako HTML, sa používa na vytváranie webových aplikácií. Značky HTML, bežne známe ako prvky, sú najdôležitejším aspektom jazyka HTML. HTML tagy vkladajú a zobrazujú obsah alebo informácie na webových stránkach. Existujú dva typy HTML tagov: Empty a Container tags.
Tento blog vás prevedie tým, ako pracovať s prázdnymi a kontajnerovými značkami v HTML.
Prázdne značky
Prázdne značky sú známe aj ako „ singleton “ alebo „ neplatné 'značky.' Značka void nikdy neobsahuje žiadny obsah, ale atribúty možno zadať. Tieto značky nemajú koncovú značku a môžu obsahovať opačnú lomku v značke. Príkladmi prázdnych značiek sú „
“, „“, „“, „
Syntax
Syntax pre spomenutie prázdnych prvkov v HTML je nasledovná:
< prázdny štítok />
Ak chcete vidieť, ako pracovať s prázdnymi značkami, pozrite si príklad nižšie. '
Značka ” je známa ako značka prerušenia riadku a používa sa na prerušenie riadku:
< p > Prázdne značky HTML < br > Čiara prestávka Tag p >
Výstup indikuje, že „
Značka prerušila čiaru:
Do značiek HTML môžeme pridať vlastnosti štýlu CSS. '
Značka ” je ďalší prázdny prvok, ktorý na stránku pridáva vodorovnú čiaru:
< hr štýl = 'border-top: 3px prerušovaná červená;' > Čiara prestávka Tag
p >
' border-top Vlastnosť CSS sa použije na
“ s tromi hodnotami, jedna je šírka okraja, ktorá sa rovná “ 3px “, štýl orámovania je nastavený ako „ prerušovaná “ a farba okraja.
Výkon
Doteraz sme diskutovali o prázdnych značkách HTML. Teraz si v ďalšej časti prejdeme značky kontajnera HTML.
Štítky kontajnerov
Značky kontajnera HTML sa skladajú z troch častí: počiatočné značky, obsah a koncové značky. Syntax kontajnerovej značky HTML je daná takto:
< počiatočný_deň > Obsah koncová značka >Pozrite si príklady nižšie a zistite, ako kontajnerová značka funguje v HTML.
Príklad 1: Ako pridať odsek do HTML?
' Značka ” sa používa na vloženie odseku do dokumentu HTML:
< p > Toto je značka odseku p >Výkon
Príklad 2: Ako pridať nadpisy do HTML?
Existuje šesť úrovní kontajnerových značiek nadpisov, ktoré možno použiť na pridávanie nadpisov na webovú stránku. Vložme ich do dokumentu HTML, aby sme videli, ako fungujú a vyzerajú na webovej stránke:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Výkon
Môžeme poskytnúť vložený štýl týchto značiek. Zvážte príklad nižšie, ktorý ukazuje, ako použiť rôzne vlastnosti štýlu CSS na tieto značky:
< h1 štýl = 'farba pozadia: bodliak; rodina písma: kurzíva;' > Linux h1 >< h2 štýl = 'farba pozadia: pšenica; zarovnanie textu: stred;' > Linux h2 >
< h3 štýl = 'farba pozadia: paradajka; farba: biela;' > Linux h3 >
< h4 štýl = 'rodina písma: 'Trebuchet MS'; farba pozadia: žltozelená;' > Linux h4 >
< h5 štýl = 'farba pozadia: fialová;' > Linux h5 >
< h6 štýl = 'farba pozadia: whitesmoke;' > Linux h6 & gt
Tu je vysvetlenie vyššie uvedených vlastností:
- ' farba pozadia ” vlastnosť pridáva farbu na pozadie prvku.
- “ font-family Vlastnosť ” upravuje štýl písma prvku.
- “ zarovnanie textu ” upravuje umiestnenie alebo zarovnanie textu.
Výkon
Ukázali sme vám, ako používať prázdne a kontajnerové značky HTML.
Záver
Prázdne značky a kontajnerové značky sú hlavnými komponentmi dokumentov HTML, ktoré vkladajú obsah a informácie na webovú stránku. Prázdne značky neobsahujú žiadny obsah a pozostávajú iba z počiatočnej značky so spätnou lomkou na konci, ako napríklad
. Značky kontajnera však obsahujú počiatočné a koncové značky spolu s obsahom. Tento blog rozpracoval prácu s prázdnymi a kontajnerovými prvkami v HTML.