Značka článku HTML

Znacka Clanku Html



HTML5 zaviedlo „ <článok> ” tag, ktorý možno použiť na reprezentáciu špecifického samostatného komponentu v akomkoľvek dokumente, aplikácii alebo lokalite. Tento komponent HTML môže byť opakovane použiteľný a distribuovateľný, napríklad v príspevku na fóre, v časopise, v príspevku na blogu a podobne.

Táto štúdia vás naučí o HTML značke

. Tak, poďme!





Čo je HTML tag
?

Element

a
fungujú podobne, pokiaľ ide o funkčnosť, štýl a zobrazenie. Značka
v dokumente však poskytuje sémantickejšie informácie vyhľadávacím nástrojom a čítačkám obrazovky. Okrem toho súbor HTML obsahuje viacero značiek
, ktoré možno vnoriť.



Ako používať HTML značku
?

Ak chcete použiť HTML značku

, postupujte podľa nižšie uvedenej syntaxe:



< článok > článok >


Tu, ' <článok> “ je počiatočná značka a “

“ je koncová značka.



Poďme si prejsť príkladom na demonštráciu použitia značky

.

Príklad: Použitie značky

v HTML



V HTML najprv pridajte značku

s triedou s názvom „ všetky OS “ a

pre nadpis. Potom pridajte ďalšiu značku
s triedou s názvom „ vy “. Vo vnútri tejto značky
zadajte

pre nadpis a

pre odsek. Potom zahrňte dve značky

vnorené do značiek

a

takto:

< článok trieda = 'all-OS' >
< h1 > Najpopulárnejšie operačné systémy h1 >
< článok trieda = 'ty' >
< h2 > Windows h2 >
< p > Windows je skupina viacerých proprietárnych grafických operačných systémov. Je vyvinutý a predávaný spoločnosťou Microsoft. p >
článok >
< článok trieda = 'ty' >
< h2 > Linux h2 >
< p > Linux je open-source operačný systém založený na linuxovom jadre. Zvyčajne je zabalený ako distribúcia Linuxu. p >
článok >
< článok trieda = 'ty' >
< h2 > macOS h2 >
< p > macOS je operačný systém Unix vyvinutý a predávaný spoločnosťou Apple Inc. Je známy ako hlavný operačný systém pre Apple na počítačoch Mac.




V ďalšej časti budú popísané štýly CSS aplikované na vyššie uvedené prvky HTML.



Rozdelenie štýlu pre všetky OS

.all-OS {
okraj: 0 ;
výplň: 5px;
farba pozadia: rgb ( 155 , 155 , 155 ) ;
}


Div s názvom triedy „ všetky OS “ je štylizovaný takto:

    • “ .all_OS ” sa používa na prístup k súvisiacemu prvku
      .
    • “ marža Vlastnosť ” sa využíva na pridanie priestoru okolo prvku div.
    • “ vypchávka vlastnosť pridáva priestor okolo obsahu prvku div.
    • “ farba pozadia ” je nastavené tak, aby sa použila farba pozadia prvku div.

Štýl os div

.vy {
okraj: 10px;
výplň: 5px;
pozadie: biele;
}


Použiť štýly na ďalší

s názvom „ vy “. Popis vlastností je uvedený nižšie:

    • “ .vy ” otvorte
      s názvom os.
    • “ marža ” pridá okolo prvku div medzeru 10 pixelov.
    • “ vypchávka ” pridá okolo obsahu prvku div medzeru 5px.
    • “ farba pozadia vlastnosť nastavuje farbu pozadia prvku div.

Po poskytnutí vlastností štýlu CSS pre vyššie uvedené značky

sa odsek upraví nastavením vlastností, ako je uvedené nižšie.

Štýl p Element

p {
okraj: 3px;
veľkosť písma: 15px;
}


Na prvok

sa použijú nasledujúce vlastnosti:

    • “ marža “ pridá okolo obsahu prvku priestor 3 pixely.
    • “ veľkosť písma Vlastnosť ” nastaví veľkosť písma textu na 15 pixelov.

Uložte pridaný kód a otvorte súbor vo svojom prehliadači. Výsledok sa zobrazí takto:


Vyššie uvedený dokument môže obsahovať viacero článkov a vysvetlenie týkajúce sa každého operačného systému je obsiahnuté v značke

. Okrem toho sa pri rolovaní obrazovky zobrazuje jeden článok za druhým.

Takto môžeme vytvárať blogové príspevky, príspevky na fórach a dokumenty podobné časopisom pomocou HTML značky

.

Záver

Ako vieme, autori článkov alebo blogeri píšu dokument tak, že majú na pamäti základný koncept témy. Podobne v HTML sa značky

používajú na uvedenie obsahu, ktorý je plne obsiahnutý a nezávislý. Okrem toho môže byť v súbore HTML jedna alebo viac značiek
, ktoré môžu byť vnorené. Táto štúdia vysvetlila použitie značky
na príklade.

Iné

Kategórie

Populárne Príspevky

Ako získať aktuálny rok v JavaScripte

Ako nastaviť kľúč OpenAI pre LangChain v Pythone

Skontrolujte porty počúvania v systéme Linux

Spustite Ghost CMS pomocou Docker

Ako umiestniť pin na iPhone? Základná príručka

Ako vybrať časť reťazca v MySQL?

Oprava systémovej chyby 5, ktorá sa vyskytla v systéme Windows

Kde sú moje obľúbené v systéme Android

Príkaz anotácie Kubectl

Odstraňovanie duplikátov v Tabuľkách Google

5 riešení na opravu monitora náhodne sčernie

Ako spustiť Docker pomocou príkazu systemctl

Strom závislosti MVN

Odosielanie správ na tento kanál bolo dočasne zakázané

Zatvorte vyrovnávaciu pamäť Emacs

Ako vytvoriť databázu MySQL v Azure?

Funkcia Python bytes().

Rozdiel medzi substr() a substring() v JavaScripte

Ako automaticky reštartovať aplikáciu Node.js?

Ako vytvoriť a nasadiť službu ECS v AWS?