HTML oznaka članka

Html Oznaka Clanka



HTML5 je predstavio ' <članak> ” oznaku koja se može koristiti za predstavljanje određene samostalne komponente u bilo kojem dokumentu, aplikaciji ili web mjestu. Ova HTML komponenta može se ponovno koristiti i distribuirati, kao što je post na forumu, časopis, post na blogu i više.

Ova studija će vas naučiti o HTML oznaci

. Pa, idemo!





Što je HTML oznaka
?

Element

i element
rade slično u smislu funkcionalnosti, stila i prikaza. Međutim, oznaka
u dokumentu daje više semantičkih informacija tražilicama i čitačima zaslona. Štoviše, HTML datoteka sadrži više oznaka
koje se mogu ugniježditi.



Kako koristiti HTML oznaku
?

Da biste koristili HTML oznaku

, slijedite sintaksu danu u nastavku:



< članak > članak >


Ovdje, ' <članak> ” je početna oznaka, a “

” je završna oznaka.



Prođimo kroz primjer za demonstraciju upotrebe oznake

.

Primjer: Korištenje oznake

u HTML-u



U HTML-u prvo dodajte oznaku

s klasom pod nazivom “ sve-OS ” i

za naslov. Zatim dodajte još jednu oznaku
s klasom pod nazivom “ vas ”. Unutar ove oznake
navedite

za naslov i

​​za odlomak. Nakon toga uključite dvije oznake

ugniježđene s oznakama

i

​​kako slijedi:

< članak razreda = 'svi OS' >
< h1 > Najpopularniji operativni sustavi h1 >
< članak razreda = 'vas' >
< h2 > Windows h2 >
< str > Windows je grupa višestrukih vlasničkih grafičkih operativnih sustava. Razvio ga je i plasirao Microsoft. str >
članak >
< članak razreda = 'vas' >
< h2 > Linux h2 >
< str > Linux je operativni sustav otvorenog koda temeljen na jezgri Linuxa. Obično je zapakiran kao distribucija Linuxa. str >
članak >
< članak razreda = 'vas' >
< h2 > macOS h2 >
< str > macOS je Unix operativni sustav koji je razvio i plasirao Apple Inc. Poznato je kao glavni operativni sustav za Jabuka Mac računala korisnika.




Sljedeći odjeljak opisat će CSS stilove primijenjene na gore spomenute HTML elemente.



Stil za sve OS div

.svi OS {
margina: 0 ;
ispuna: 5px;
boja pozadine: rgb ( 155 , 155 , 155 ) ;
}


Div s nazivom klase ' sve-OS ” stiliziran je ovako:

    • “ .svi_OS ” koristi se za pristup povezanom
      .
    • “ margina ” Svojstvo se koristi za dodavanje prostora oko elementa div.
    • “ podstava ” Svojstvo dodaje prostor oko sadržaja elementa div.
    • “ boja pozadine ” je postavljen za primjenu boje pozadine div elementa.

Stil os div

.vas {
margina: 10px;
ispuna: 5px;
pozadina: bijela;
}


Primijeni stilove na sljedeći

pod nazivom “ vas ”. Opis svojstava je dat u nastavku:

    • “ .vas ” pristupite
      s imenom os.
    • “ margina ” dodaje razmak od 10 px oko div.
    • “ podstava ” dodaje razmak od 5 px oko sadržaja elementa div.
    • “ boja pozadine ” svojstvo postavlja boju pozadine div elementa.

Nakon pružanja CSS stilskih svojstava gornjim

oznakama, odlomak se stilizira postavljanjem svojstava kako je navedeno u nastavku.

Stil p Element

str {
margina: 3px;
veličina fonta: 15px;
}


Na element

primjenjuju se sljedeća svojstva:

    • “ margina ” dodaje prostor od 3 px oko sadržaja elementa.
    • “ veličina fonta ” Svojstvo postavlja veličinu fonta teksta na 15 px.

Spremite dodani kod i otvorite datoteku u svom pregledniku. Rezultat će se prikazati kao što je prikazano u nastavku:


Gore navedeni dokument može imati više članaka, a objašnjenje koje se odnosi na svaki operativni sustav nalazi se u oznaci

. Štoviše, jedan članak se prikazuje jedan za drugim dok se ekran pomiče.

Tako možemo stvarati postove na blogovima, postove na forumima i dokumente nalik časopisima pomoću HTML oznake

.

Zaključak

Kao što znamo, pisci članaka ili blogeri pišu dokument imajući na umu temeljni koncept teme. Isto tako, u HTML-u se oznake

koriste za spominjanje sadržaja koji je potpuno sadržan i neovisan. Štoviše, u HTML datoteci može postojati jedna ili više oznaka
koje se mogu ugniježditi. Ova studija je objasnila korištenje oznake
na primjeru.

ostalo

Kategorija

Popularni Postovi

Kako koristiti naredbu Rsync u Linuxu

Pretvorite niz zurenja u niz brojeva u JavaScriptu

Kako stvoriti tajne GitHub akcija za skrivanje osjetljivih podataka

Postoji li neka metoda za uklanjanje 'nedefiniranih' vrijednosti iz niza u JavaScriptu

Što je Clear-Variable (Microsoft.PowerShell.Utility)?

Linux chdir sistemski poziv u C

Poredajte ključeve na karti pomoću JavaScripta

Kako koristiti Putchar() funkciju u C-u

Kako upravljati zvukovima za Soundboard na Discordu

Kako upravljati Windows uslugama?

Kako koristiti Python za Discord Webhooks

Logstash u Dockeru

Kako stvoriti WebSocket veze u Node.js?

Kako sinkronizirati s udaljenim Git spremištem?

Koji su koraci za korištenje MySQL-a s Docker Compose?

PySpark SelectExpr()

Kako popraviti pogrešku 'Nije povezano – nema dostupnih veza' u sustavu Windows

Kako upravljati AWS računima putem AWS organizacija?

Znak u Int Java

Serial.print() protiv Serial.println() u Arduinu