HTML straipsnio žyma

Html Straipsnio Zyma



HTML5 pristatė „ “ žyma, kuri gali būti naudojama konkrečiam savarankiškam komponentui pateikti bet kuriame dokumente, programoje ar svetainėje. Šis HTML komponentas gali būti pakartotinai naudojamas ir platinamas, pavyzdžiui, forumo įraše, žurnale, tinklaraščio įraše ir kt.

Šiame tyrime sužinosite apie HTML

žymą. Taigi, eime!





Kas yra HTML
žyma?

Elementai

ir
veikia panašiai funkcionalumo, stiliaus ir rodymo požiūriu. Tačiau dokumente esanti žyma
suteikia daugiau semantinės informacijos paieškos sistemoms ir ekrano skaitytuvams. Be to, HTML faile yra keletas
žymų, kurias galima įdėti.



Kaip naudoti HTML
žymą?

Norėdami naudoti HTML

žymą, vadovaukitės toliau pateikta sintaksė:



< straipsnis > straipsnis >


Čia, ' “ yra pradžios žyma ir „

“ yra pabaigos žyma.



Peržiūrėkime pavyzdį, kaip parodyti žymos

naudojimą.

Pavyzdys:

žymos naudojimas HTML



Pirmiausia HTML pridėkite žymą

su klase pavadinimu „ visos OS “ ir

antraštei. Tada pridėkite kitą
žymą su klase pavadinimu „ tu “. Šioje
žymoje nurodykite

antraštei ir

pastraipai. Po to įtraukite dvi žymas

, įdėtas į žymas

ir

, kaip nurodyta toliau:

< straipsnis klasė = 'visos OS' >
< h1 > Populiariausios operacinės sistemos h1 >
< straipsnis klasė = 'tu' >
< h2 > Windows h2 >
< p > „Windows“ yra kelių patentuotų grafinių operacinių sistemų grupė. Jį sukūrė ir parduoda „Microsoft“. p >
straipsnis >
< straipsnis klasė = 'tu' >
< h2 > Linux h2 >
< p > Linux yra atvirojo kodo operacinė sistema, pagrįsta Linux branduoliu. Paprastai jis yra supakuotas kaip Linux platinimas. p >
straipsnis >
< straipsnis klasė = 'tu' >
< h2 > macOS h2 >
< p > macOS yra Unix operacinė sistema, kurią sukūrė ir parduoda Apple Inc. Ji yra žinoma kaip pagrindinė operacinė sistema dėl Apple „Mac“ kompiuteriai.




Kitame skyriuje bus aprašyti CSS stiliai, taikomi aukščiau minėtiems HTML elementams.



Stilius visos OS div

.visos OS {
marža: 0 ;
pamušalas: 5px;
fono spalva: rgb ( 155 , 155 , 155 ) ;
}


Div su klasės pavadinimu ' visos OS “ stilius yra toks:

    • “ .all_OS “ naudojamas norint pasiekti susijusį
      .
    • “ marža ypatybė yra naudojama norint pridėti vietos aplink div elementą.
    • “ kamšalas ” savybė prideda vietos aplink div elemento turinį.
    • “ fono spalva “ nustatytas taikyti div elemento fono spalvą.

Stilius os div

.tu {
paraštė: 10 pikselių;
pamušalas: 5px;
fonas: baltas;
}


Taikyti stilius kitam

pavadinimui „ tu “. Savybių aprašymas pateikiamas žemiau:

    • “ .tu “ pasiekti
      pavadinimu os.
    • “ marža “ nuosavybė prideda 10 pikselių erdvę aplink div.
    • “ kamšalas ” savybė aplink div elemento turinį prideda 5 pikselių tarpą.
    • “ fono spalva “ ypatybė nustato div elemento fono spalvą.

Suteikus CSS stiliaus ypatybes aukščiau nurodytoms

žymoms, pastraipa formuojama nustatant ypatybes, kaip nurodyta toliau.

Stilius p Elementas

p {
paraštė: 3 pikseliai;
šrifto dydis: 15 pikselių;
}


Elementui

​​taikomos šios savybės:

    • “ marža “ ypatybė aplink elemento turinį prideda 3 pikselių vietos.
    • “ šrifto dydis “ ypatybė nustato teksto šrifto dydį kaip 15 pikselių.

Išsaugokite pridėtą kodą ir atidarykite failą naršyklėje. Rezultatas bus rodomas taip, kaip parodyta žemiau:


Aukščiau pateiktame dokumente gali būti keli straipsniai, o su kiekviena operacine sistema susijęs paaiškinimas yra žymoje

. Be to, slenkant ekranui vienas straipsnis rodomas vienas po kito.

Taip galime kurti tinklaraščio įrašus, forumo įrašus ir į žurnalus panašius dokumentus naudodami HTML žymą

.

Išvada

Kaip žinome, straipsnių autoriai ar tinklaraštininkai rašo dokumentą turėdami omenyje pagrindinę temos koncepciją. Taip pat HTML žymos

naudojamos turiniui, kuris yra visiškai įtrauktas ir nepriklausomas, paminėti. Be to, HTML faile gali būti viena ar daugiau
žymų, kurios gali būti įdėtos. Šiame tyrime pavyzdžiu paaiškintas žymos
naudojimas.

Kita

Kategorija

Populiarios Temos

Ar Arduino galima taisyti

Kaip naudoti MKFS XFS

Suaktyvinkite automatinį seanso atidarymą sistemoje „Windows“.

Kaip prisegti pranešimus „Discord“.

Kaip parašyti „Go“ kodą – vadovas pradedantiesiems

Kas yra „TypeScript“ grąžinimo tipo tuščias?

Kaip prijungti „Discord“ paskyrą „Crunchyroll“.

Kur „Linux“ saugo „My Syslog“.

3 būdai, kaip įdiegti „CMake“ „Raspberry Pi“.

Tipo klaida: startsWith nėra „JavaScript“ funkcija

„Windows 10“ garsumo valdymas neveikia [Žingsnis po žingsnio vadovas]

Kaip grįžti į „valdytoją“ naudojant „Git“?

„JavaScript“ šablonų raidės (šablonų eilutės)

Kaip sukurti rankinius skaidinius „Pop!_OS“.

Kaip pridėti vaizdą prie grupės Roblox

Kaip tvarkyti JavaScript ClearTimeout() funkciją?

Kaip emuliuoti super raktinį žodį C++

Geriausi „Linux“ paskirstymai kiekvienam vartotojui 2023 m

Geriausi Raspberry Pi medijos grotuvai

Kaip užfiksuoti vaizdo įrašus „Windows 10“ ir „11“?