Značka HTML článku

Znacka Html Clanku



HTML5 představilo „ <článek> ” tag, který lze použít k reprezentaci konkrétní samostatné komponenty v jakémkoli dokumentu, aplikaci nebo webu. Tato komponenta HTML může být opakovaně použitelná a distribuovatelná, například v příspěvku na fóru, v časopise, příspěvku na blogu a dalších.

Tato studie vás naučí o HTML značce

. Tak pojďme!







Co je HTML tag
?

Prvek

a prvek
fungují podobně, pokud jde o funkčnost, styl a zobrazení. Značka
v dokumentu však poskytuje vyhledávačům a programům pro čtení z obrazovky sémantické informace. Kromě toho soubor HTML obsahuje několik značek
, které lze vnořit.



Jak používat HTML tag
?

Chcete-li použít HTML značku

, postupujte podle níže uvedené syntaxe:



< článek > článek >


Tady, ' <článek> “ je počáteční značka a “ “ je koncová značka.





Podívejme se na příklad pro demonstraci použití značky

.

Příklad: Použití značky

v HTML



V HTML nejprve přidejte značku

s třídou s názvem „ všechny OS ” a

pro nadpis. Poté přidejte další značku
s třídou s názvem „ vy “. Uvnitř této značky
zadejte

pro nadpis a

pro odstavec. Poté zahrňte dvě značky

vnořené do značek

a

následovně:

< článek třída = 'all-OS' >
< h1 > Nejoblíbenější operační systémy h1 >
< článek třída = 'vy' >
< h2 > Okna h2 >
< p > Windows je skupina několika proprietárních grafických operačních systémů. Je vyvinut a prodáván společností Microsoft. p >
článek >
< článek třída = 'vy' >
< h2 > Linux h2 >
< p > Linux je open-source operační systém založený na linuxovém jádře. Obvykle je zabalené tak jako linuxová distribuce. p >
článek >
< článek třída = 'vy' >
< h2 > Operační Systém Mac h2 >
< p > macOS je unixový operační systém vyvinutý a prodávaný společností Apple Inc. Je známý tak jako hlavním operačním systémem pro Jablko 's počítače Mac.




V další části budou popsány styly CSS aplikované na výše uvedené prvky HTML.



Divize stylu pro všechny operační systémy

.všechny OS {
okraj: 0 ;
výplň: 5px;
barva pozadí: rgb ( 155 , 155 , 155 ) ;
}


Div s názvem třídy „ všechny OS “ je ve stylu:

    • .all_OS ” se používá pro přístup k souvisejícím
      .
    • okraj Vlastnost ” se používá k přidání prostoru kolem prvku div.
    • vycpávka Vlastnost ” přidává prostor kolem obsahu prvku div.
    • barva pozadí ” je nastavena pro použití barvy pozadí prvku div.

Styl os div

.vy {
okraj: 10px;
výplň: 5px;
pozadí: bílé;
}


Použít styly na další

s názvem „ vy “. Popis vlastností je uveden níže:

    • .vy ” otevřete
      s názvem os.
    • okraj ” přidá kolem prvku div mezeru 10px.
    • vycpávka ” přidá kolem obsahu prvku div mezeru 5px.
    • barva pozadí Vlastnost ” nastavuje barvu pozadí prvku div.

Po poskytnutí vlastností stylu CSS výše uvedeným značkám

se odstavec upraví nastavením vlastností, jak je uvedeno níže.

Styl p Element

p {
okraj: 3px;
velikost písma: 15px;
}


Na prvek

se použijí následující vlastnosti:

    • okraj ” přidá 3px prostor kolem obsahu prvku.
    • velikost písma Vlastnost ” nastaví velikost písma textu na 15px.

Uložte přidaný kód a otevřete soubor ve svém prohlížeči. Výsledek se zobrazí, jak je uvedeno níže:

jak používat metasploit v kali linuxu


Výše uvedený dokument může mít více článků a vysvětlení týkající se každého operačního systému je obsaženo v tagu

. Navíc se při rolování obrazovky zobrazuje jeden článek za druhým.

Takto můžeme vytvářet blogové příspěvky, příspěvky na fórech a dokumenty podobné časopisům pomocí HTML tagu

.

Závěr

Jak víme, autoři článků nebo blogeři píší dokument tak, že mají na paměti základní koncept tématu. Podobně v HTML se značky

používají ke zmínce o obsahu, který je plně obsažen a nezávislý. Navíc může být v HTML souboru jeden nebo více tagů
, které lze vnořit. Tato studie vysvětlila použití značky
na příkladu.