HTML-artikkelitunniste

Html Artikkelitunniste



HTML5 esitteli ' ” -tunniste, jota voidaan käyttää edustamaan tiettyä itsenäistä komponenttia missä tahansa asiakirjassa, sovelluksessa tai sivustossa. Tämä HTML-komponentti voi olla uudelleenkäytettävä ja levitettävä, kuten foorumiviestissä, lehdessä, blogikirjoituksessa ja muissa.

Tämä tutkimus opettaa sinulle HTML

-tunnisteen. Mennään siis!





Mikä on HTML
-tunniste?

- ja
-elementit toimivat samalla tavalla toiminnallisuuden, tyylin ja näytön suhteen. Asiakirjan tunniste
antaa kuitenkin enemmän semanttista tietoa hakukoneille ja näytönlukuohjelmille. Lisäksi HTML-tiedosto sisältää useita
-tageja, jotka voidaan upottaa sisäkkäin.



HTML
-tunnisteen käyttäminen?

Jos haluat käyttää HTML-tunnistetta

, noudata alla annettua syntaksia:



< artikla > artikla >


Täällä, ' ' on aloitustunniste ja '

”on lopputunniste.



Käydään läpi esimerkki

-tunnisteen käytön havainnollistamiseksi.

Esimerkki:

-tunnisteen käyttäminen HTML:ssä



Lisää ensin HTML-koodiin

-tunniste, jonka luokka on ' all-OS ” ja otsikon

. Lisää sitten toinen
-tunniste, jonka luokka on ' sinä ”. Määritä tämän
-tunnisteen sisällä

otsikolle ja

kappaleelle. Lisää sen jälkeen kaksi

-tunnistetta, jotka on sisäkkäin

- ja

-tunnisteiden kanssa seuraavasti:

< artikla luokkaa = 'kaikki käyttöjärjestelmät' >
< h1 > Suosituimmat käyttöjärjestelmät h1 >
< artikla luokkaa = 'sinä' >
< h2 > Windows h2 >
< s > Windows on joukko useita patentoituja graafisia käyttöjärjestelmiä. Sen on kehittänyt ja markkinoinut Microsoft. s >
artikla >
< artikla luokkaa = 'sinä' >
< h2 > Linux h2 >
< s > Linux on avoimen lähdekoodin käyttöjärjestelmä, joka perustuu Linux-ytimeen. Se on yleensä pakattu kuten Linux-jakelu. s >
artikla >
< artikla luokkaa = 'sinä' >
< h2 > Mac käyttöjärjestelmä h2 >
< s > macOS on Apple Inc:n kehittämä ja markkinoima Unix-käyttöjärjestelmä. Se tunnetaan kuten pääkäyttöjärjestelmä varten Omena Mac-tietokoneissa.




Seuraavassa osiossa kuvataan CSS-tyylejä, joita käytetään edellä mainittuihin HTML-elementteihin.



Tyyli all-OS div

.all-OS {
marginaali: 0 ;
täyte: 5px;
taustaväri: rgb ( 155 , 155 , 155 ) ;
}


Div luokan nimellä ' all-OS ” on muotoiltu näin:

    • ' .all_OS ' käytetään vastaavan
      :n avaamiseen.
    • ' marginaali ” -ominaisuutta käytetään lisäämään tilaa div-elementin ympärille.
    • ' pehmuste ”-ominaisuus lisää tilaa div-elementin sisällön ympärille.
    • ' taustaväri ” on asetettu käyttämään div-elementin taustaväriä.

Tyyli os div

.sinä {
marginaali: 10px;
täyte: 5px;
tausta: valkoinen;
}


Käytä tyylejä seuraavaan

-elementtiin nimeltä ' sinä ”. Kiinteistöjen kuvaus on alla:

    • ' .sinä ” käytä
      -kohtaa nimellä os.
    • ' marginaali ” kiinteistö lisää 10 kuvapisteen tilan divin ympärille.
    • ' pehmuste ”-ominaisuus lisää 5px:n tilan div-elementin sisällön ympärille.
    • ' taustaväri ”-ominaisuus määrittää div-elementin taustavärin.

Kun CSS-tyyliominaisuudet on annettu yllä oleville

-tageille, kappale muotoillaan asettamalla ominaisuudet alla mainitulla tavalla.

Tyyli p Elementti

s {
marginaali: 3px;
fontin koko: 15px;
}


-elementtiin sovelletaan seuraavia ominaisuuksia:

    • ' marginaali ”-ominaisuus lisää 3px tilaa elementin sisällön ympärille.
    • ' Fonttikoko ”-ominaisuus asettaa tekstin kirjasinkooksi 15px.

Tallenna lisätty koodi ja avaa tiedosto selaimessasi. Tulos näytetään alla olevan kuvan mukaisesti:


Yllä annetussa asiakirjassa voi olla useita artikkeleita, ja kuhunkin käyttöjärjestelmään liittyvä selitys sisältyy

-tunnisteeseen. Lisäksi yksi artikkeli näytetään peräkkäin näytön rullattaessa.

Näin voimme luoda blogitekstejä, keskustelupalstaviestejä ja aikakauslehtimäisiä asiakirjoja käyttämällä HTML

-tunnistetta.

Johtopäätös

Kuten tiedämme, artikkelin kirjoittajat tai bloggaajat kirjoittavat asiakirjan pitämällä mielessä aiheen ydinkäsite. Samoin HTML:ssä

-tageja käytetään mainitsemaan sisältö, joka on täysin sisältynyt ja riippumaton. Lisäksi HTML-tiedostossa voi olla yksi tai useampia
-tunnisteita, jotka voidaan sisäkkäin. Tässä tutkimuksessa on selitetty
-tunnisteen käyttöä esimerkillä.

muu

Luokka

Suosittu Viestiä

Oracle Luo Temp Table

Merkkijonon palauttaminen C-funktiosta

Littlest JupyterHubin (TLJH) asentaminen Debain 11/12- ja Ubuntu 20.04 LTS/22.04 LTS -versioihin

Mikä on AWS GuardDuty ja miksi sitä käytetään?

Tuotetunnusten löytäminen Minecraft Java Editionista - Perusopas

Kuinka allokoida vaarallisia puskureita Buffer.allocUnsafe():lla Node.js:ssa?

Automorfisten numeroiden tarkistaminen Javassa

Opas tekstin muotoiluun Tailwind CSS:n avulla

Kuinka asettaa No Limit -kutsu Discord-palvelimelle?

Kuinka saada kuorohedelmiä Minecraftissa

Kuinka luoda hakemisto tai kansio Windowsissa

20 turvallisuusvinkkiä Raspberry Pi:lle

Avaa tiedosto -valintaikkunan käyttäminen C#-sovelluksissa

Mikä on Int64.MaxValue-kenttä (pitkä maksimiarvo) C#:ssa

Luku 4: 6502 Microprocessor Assembly Language -opetusohjelma

Kuinka tehdä verkon nopeustesti tarkasti Androidilla

Viivakuvaajan luominen virhepalkeilla MATLABissa käyttämällä errorbar()

Hash-taulukko C++:ssa

Kuinka poistaa hakukone Chromessa

Mikä on scrollLeft()-menetelmä jQueryssa