HTML artikli märgend

Html Artikli Margend



HTML5 tutvustas ” silt, mida saab kasutada mis tahes dokumendi, rakenduse või saidi konkreetse iseseisva komponendi esindamiseks. See HTML-i komponent võib olla korduvkasutatav ja levitav, näiteks foorumipostituses, ajakirjas, ajaveebipostituses ja muus.

See uuring õpetab teile HTML-i märgendit

. Nii et lähme!





Mis on HTML
silt?

Element

ja
töötavad funktsionaalsuse, stiili ja kuvamise osas sarnaselt. Dokumendis olev silt
annab aga otsingumootoritele ja ekraanilugejatele rohkem semantilist teavet. Lisaks sisaldab HTML-fail mitut
-märgendit, mida saab pesastada.



Kuidas kasutada HTML
märgendit?

HTML-i märgendi

kasutamiseks järgige alltoodud süntaksit:



< artiklit > artiklit >


Siin, ' ' on algusmärgend ja '

” on lõpumärgend.



Vaatame märgendi

kasutamise demonstreerimiseks näidet.

Näide: märgendi

kasutamine HTML-is



HTML-is lisage esmalt märgend

klassiga nimega ' kõik-OS ” ja pealkirja jaoks

. Seejärel lisage veel üks märgend
klassiga nimega ' sina ”. Selle märgendi
sees määrake pealkirja jaoks

ja lõigu jaoks

. Pärast seda lisage kaks märgendit

, mis on pesastatud märgenditega

ja

järgmiselt:

< artiklit klass = 'all-OS' >
< h1 > Kõige populaarsemad operatsioonisüsteemid h1 >
< artiklit klass = 'sina' >
< h2 > Windows h2 >
< lk > Windows on mitme patenteeritud graafilise operatsioonisüsteemi rühm. Seda arendab ja turustab Microsoft. lk >
artiklit >
< artiklit klass = 'sina' >
< h2 > Linux h2 >
< lk > Linux on avatud lähtekoodiga operatsioonisüsteem, mis põhineb Linuxi tuumal. See on tavaliselt pakendatud nagu Linuxi distributsioon. lk >
artiklit >
< artiklit klass = 'sina' >
< h2 > macOS h2 >
< lk > macOS on Unixi operatsioonisüsteem, mille on välja töötanud ja turustanud Apple Inc. See on teada nagu peamine operatsioonisüsteem jaoks Apple Maci arvutid.




Järgmises jaotises kirjeldatakse ülalmainitud HTML-elementidele rakendatud CSS-i stiile.



Style all-OS div

.all-OS {
marginaal: 0 ;
polster: 5px;
taustavärv: rgb ( 155 , 155 , 155 ) ;
}


Div klassi nimega ' kõik-OS ” on sellise stiiliga:

    • “ .all_OS ” kasutatakse seotud
      juurde pääsemiseks.
    • “ marginaal ” atribuuti kasutatakse elemendi div ümber ruumi lisamiseks.
    • “ polsterdus ” atribuut lisab elemendi div sisu ümber ruumi.
    • “ taustavärv ” on määratud div-elemendi taustavärvi rakendamiseks.

Stiil os div

.sina {
veeris: 10 pikslit;
polster: 5px;
taust: valge;
}


Rakenda stiile järgmisele

-le nimega “ sina ”. Omaduste kirjeldus on toodud allpool:

    • “ .sina ” pääsete juurde
      -le nimega os.
    • “ marginaal ” atribuut lisab lahtri ümber 10 piksli suuruse ruumi.
    • “ polsterdus ” atribuut lisab elemendi div sisu ümber 5 piksli suuruse tühiku.
    • “ taustavärv ” atribuut määrab div-elemendi taustavärvi.

Pärast CSS-i stiiliatribuutide andmist ülaltoodud

-märgenditele kujundatakse lõik, määrates atribuudid allpool mainitud viisil.

Stiil p Element

lk {
veeris: 3px;
fondi suurus: 15 pikslit;
}


Elemendile

rakendatakse järgmisi omadusi:

    • “ marginaal ” atribuut lisab elemendi sisu ümber 3 pikslit ruumi.
    • “ fondi suurus ” atribuut määrab teksti fondi suuruseks 15 pikslit.

Salvestage lisatud kood ja avage fail oma brauseris. Tulemus kuvatakse järgmiselt:


Ülaltoodud dokumendil võib olla mitu artiklit ja iga operatsioonisüsteemiga seotud selgitus sisaldub märgendis

. Veelgi enam, üks artikkel kuvatakse ekraani kerimise ajal üksteise järel.

Nii saame luua blogipostitusi, foorumipostitusi ja ajakirjalaadseid dokumente, kasutades HTML-i märgendit

.

Järeldus

Nagu me teame, kirjutavad artiklite kirjutajad või ajaveebi autorid dokumenti, pidades silmas teema põhikontseptsiooni. Samamoodi kasutatakse HTML-is silte

, et mainida sisu, mis on täielikult hõlmatud ja sõltumatu. Lisaks võib HTML-failis olla üks või mitu sildi
, mida saab pesastada. See uuring on näitega selgitanud märgendi
kasutamist.

muud

Kategooria

Lemmik Postitused

Mis on AWS Lambda lühiajaline salvestusruum?

Viitamine Arduinos

Kuidas rakendada SSL-i läbipääsu HAProxys

Tabeli kustutamine SQL-is

Bluetooth-seadmete ühendamine Windowsis

Bash-skript Kaasake veel ühe Bash-skripti

Kuidas jQuerys eristada hide() ja fadeOut(), show() ja fadeIn()?

Kuidas installida Snap Debian 12-sse

Mis vahe on Git Revert, Checkout ja Reset vahel?

Discordi video lisamine Streamlabsi

Kuidas luua oma dockerifail, pilt ja konteiner

Kuidas märgistada Gitis vanemat kohustust?

Kuidas muuta saladusi AWS-i salahalduriga, kasutades AWS-i konsooli?

Kuidas installida Windows 11 (virtuaalne masin) VirtualBoxi?

Raspberry Pi faili leidmine

Kuidas luua teenusefaili Linuxis

Kuidas luua MongoDB-s ainulaadset indeksit

Kuidas teha Minecraftis tsüaanvärvi

Kuidas võtta ühendust kogenud Robloxi loojaga

Käsu Exec kasutamine Shelli skriptides