Oznaka članka HTML

Oznaka Clanka Html



HTML5 je predstavil ' <članek> ”, ki se lahko uporabi za predstavitev določene samostojne komponente v katerem koli dokumentu, aplikaciji ali spletnem mestu. Ta komponenta HTML je lahko ponovno uporabna in distribucijska, na primer v objavi na forumu, reviji, objavi v spletnem dnevniku itd.

Ta študija vas bo naučila o oznaki HTML

. Torej, gremo!





Kaj je oznaka HTML
?

Elementa

in elementa
delujeta podobno glede funkcionalnosti, sloga in prikaza. Vendar pa oznaka
v dokumentu daje več semantičnih informacij iskalnikom in bralnikom zaslona. Poleg tega datoteka HTML vsebuje več oznak
, ki jih je mogoče ugnezditi.



Kako uporabljati oznako HTML
?

Če želite uporabiti oznako HTML

, sledite spodnji sintaksi:



< Članek > Članek >


Tukaj, ' <članek> ” je začetna oznaka in “

” je končna oznaka.



Oglejmo si primer za predstavitev uporabe oznake

.

Primer: uporaba oznake

v HTML



V HTML najprej dodajte oznako

z razredom z imenom “ vsi OS ” in

za naslov. Nato dodajte še eno oznako
z razredom z imenom “ ti ”. Znotraj te oznake
določite

za naslov in

za odstavek. Nato vključite dve oznaki

, ugnezdeni z oznakama

in

, kot sledi:

< Članek razred = 'vse OS' >
< h1 > Najbolj priljubljeni operacijski sistemi h1 >
< Članek razred = 'ti' >
< h2 > Windows h2 >
< str > Windows je skupina več lastniških grafičnih operacijskih sistemov. Razvil in trži ga Microsoft. str >
Članek >
< Članek razred = 'ti' >
< h2 > Linux h2 >
< str > Linux je odprtokodni operacijski sistem, ki temelji na jedru Linuxa. Običajno je zapakiran kot distribucija Linuxa. str >
Članek >
< Članek razred = 'ti' >
< h2 > macOS h2 >
< str > macOS je operacijski sistem Unix, ki ga je razvil in tržil Apple Inc. Znan je kot glavni operacijski sistem za Apple Mac računalniki uporabnika.




V naslednjem razdelku bodo opisani slogi CSS, uporabljeni za zgoraj omenjene elemente HTML.



Slog za vse OS div

.all-OS {
rob: 0 ;
oblazinjenje: 5px;
barva ozadja: rgb ( 155 , 155 , 155 ) ;
}


Div z imenom razreda ' vsi OS ” je oblikovan takole:

    • “ .all_OS ” se uporablja za dostop do povezanega
      .
    • “ marža Lastnost se uporablja za dodajanje prostora okoli elementa div.
    • “ oblazinjenje ” lastnost doda prostor okoli vsebine elementa div.
    • “ Barva ozadja ” je nastavljen za uporabo barve ozadja elementa div.

Slog os div

.ti {
rob: 10px;
oblazinjenje: 5px;
ozadje: belo;
}


Uporabi sloge za naslednji

z imenom “ ti ”. Opis lastnosti je podan spodaj:

    • “ .ti ” dostop do
      z imenom os.
    • “ marža ” doda presledek 10 slikovnih pik okoli div.
    • “ oblazinjenje ” doda presledek 5 slikovnih pik okoli vsebine elementa div.
    • “ Barva ozadja ” nastavi barvo ozadja elementa div.

Ko zgornjim oznakam

zagotovite slogovne lastnosti CSS, se odstavek stilizira z nastavitvijo lastnosti, kot je navedeno spodaj.

Slog p Element

str {
rob: 3px;
velikost pisave: 15px;
}


Za element

so uporabljene naslednje lastnosti:

    • “ marža ” lastnost doda 3px prostora okoli vsebine elementa.
    • “ velikost pisave ” lastnost nastavi velikost pisave besedila na 15 slikovnih pik.

Shranite dodano kodo in odprite datoteko v brskalniku. Rezultat bo prikazan, kot je prikazano spodaj:


Zgoraj naveden dokument ima lahko več člankov, razlaga, povezana z vsakim operacijskim sistemom, pa je v oznaki

. Poleg tega se en članek prikaže drug za drugim, ko se zaslon premika.

Tako lahko z oznako HTML

ustvarimo objave v blogih, objave na forumih in dokumente, podobne revijam.

Zaključek

Kot vemo, pisci člankov ali blogerji napišejo dokument ob upoštevanju osrednjega koncepta teme. Podobno se v HTML oznake

uporabljajo za omembo vsebine, ki je v celoti vključena in neodvisna. Poleg tega je lahko v datoteki HTML ena ali več oznak
, ki jih je mogoče ugnezditi. Ta študija je na primeru pojasnila uporabo oznake
.

drugo

Kategorija

Priljubljene Objave

Kako namestiti Windows PowerShell (vodnik po korakih)

Kako nastaviti uvajanje MariaDB Docker?

Oracle Limit Rows

Kaj je mapa PerfLogs v sistemu Windows

Kako slediti dogodkom v registru in datotekah z zavrnjenim dostopom z nadzornikom procesov - Winhelponline

5 popravkov za odpravljanje napake BSOD SrtTrail.txt v sistemu Windows

Kako povezati Discord z vašim računom PlayStation Network

Kaj je lastnost offsetTop elementa HTML DOM v JavaScriptu

Analiza napadov s spoofingom ARP v Wiresharku

Kako zavarovati aplikacije z uporabo Helmet.js v Node.js?

Kakšna je razlika med metodama decodeURIComponent() in decodeURI() v JavaScriptu?

Kako uporabljati PyGPT4All v Pythonu

ESP32 Real Time Clock (RTC) z uporabo DS1307 in OLED zaslona

Kako namestiti Roblox na Pop!_OS

Kako vklopiti Synology NAS na daljavo iz ukazne vrstice Linux z WOL (Wake-on-LAN)

Uvod v razpoložljive sprožilce za priklic funkcije lambda

Kako uporabljati ukaz dig v Linuxu

Kako ukrotiti konja okostnjaka v Minecraftu?

Kako samodejno znova zagnati aplikacijo Node.js?

Koliko stane Microsoft Word: vodnik po cenah