„ “ žyma naudojama tekstui tinklalapyje, kuris laikomas pastraipa, rodyti. Žyma „
“ pateikiama su iš anksto nustatyta vertikalia erdve, kuri pridedama prieš ir po pastraipos. Tekstas žymos „
“ viduje visada rodomas kitoje eilutėje ir taip pat praleidžiami papildomi tarpai. Kūrėjai gali naudoti žymą p, kad atskirtų turinį į atskiras dalis arba logiškai sutvarkytų informaciją.
Šiame vadove demonstruojama HTML p žyma kartu su praktiniu įgyvendinimu.
Kas yra HTML p žyma?
„ “ žyma naudojama tinklalapyje siekiant pagerinti turinio struktūrą ir padaryti tekstą ryškesnį. Tai padeda atlikti tinklalapio SEO, o tai gali pagerinti svetainės reitingą paieškos rezultatuose.
Sintaksė
„“ sintaksė “ žyma rodoma taip:
< p > Linux p >
Aukščiau esančioje kodo eilutėje „ “ yra pradžios žyma ir „
“ yra baigiamoji žyma. Užbaigimo žyma yra privaloma, kad būtų išvengta HTML elementų sudėtingumo ir persidengimo.
Peržiūrėkite toliau pateiktą pavyzdį, kad suprastumėte, kaip “ žyma veikia:
< kūnas >< p > Sveiki, Linuxhint bendruomenė p >
kūnas >
Aukščiau pateikto kodo fragmento išvestis rodoma žemiau:
Aukščiau pateiktame išvestyje rodomas paprastas tekstas, kuris rodomas ekrane naudojant „ “ žymą.
Kaip taikyti CSS stilių
žymai?
„ ' žyma priima visuotinius atributus, tokius kaip ' klasė “, „ id “ arba „ stilius “ ir tt, kurie gali būti naudojami pasirinkto elemento stiliui formuoti naudojant CSS ypatybes. Kūrėjas gali naudoti vieną iš visuotinių atributų, kad pritaikytų CSS ypatybes tik konkretiems elementams. Ir už stilių pritaikymą visiems “ ' žymos, kurios naudojamos tinklalapyje, tiesiogiai pasirinkite HTML ' p “ elementas CSS faile arba „
1 pavyzdys: CSS ypatybių taikymas visiems „p“ elementams
Jei norite nustatyti tuos pačius stilius visuose
HTML elementuose, apsilankykite toliau pateiktame kodo fragmente:
< stilius >p {
fono spalva: miško žalia;
spalva: balta;
}
stilius >
< kūnas >
< p > Sveiki, Linuxhint bendruomenė p >
< p > Sveiki, Linuxhint bendruomenė p >
< p > Sveiki, Linuxhint bendruomenė p >
< p > Sveiki, Linuxhint bendruomenė p >
kūnas >
Aukščiau pateiktame kodo fragmente CSS ' fono spalva “ ir „ spalva ' ypatybės taikomos ' p “ elementus, tiesiogiai pasirinkdami „ p “ elementų parinkiklis.
Įvykdžius aukščiau pateiktą kodo fragmentą, tinklalapis atrodo taip:
Aukščiau pateikta išvestis rodo, kad tas pats stilius buvo pritaikytas visiems p “ elementai tinklalapyje.
2 pavyzdys: CSS ypatybių taikymas unikaliam „p“ elementui
Stilių pritaikymui unikaliems “ p “ elementus, galima naudoti stiliaus, ID arba klasės atributus. Šie visuotiniai atributai taiko CSS ypatybes „ p “ elementas, prie kurio jie yra pritvirtinti.
Leiskite mums aplankyti kodą:
< stilius >p {
fono spalva: miško žalia;
spalva: balta;
}
.naudojimo klasė {
fono spalva: tamsiai žydra;
}
#using-id{
fono spalva: rožinė ruda;
}
stilius >
< kūnas >
< p > Sveiki, Linuxhint bendruomenė p >
< p stilius = 'fono spalva: raudona' > Sveiki, Linuxhint bendruomenė p >
< p klasė = 'naudojimo klasė' > Sveiki, Linuxhint bendruomenė p >
< p id = 'naudojimo ID' > Sveiki, Linuxhint bendruomenė p >
< p > Sveiki, Linuxhint bendruomenė p >
kūnas >
Aukščiau pateiktame kodo fragmente fono spalvos ypatybė, skirta „ p ” elementas yra nustatytas skirtingomis reikšmėmis, kai naudojamas su visuotiniais atributais.
Įvykdžius aukščiau pateiktą kodo fragmentą, tinklalapis atrodo taip:
Aukščiau pateikta produkcija rodo, kad „ p “ elementai dabar yra unikalaus stiliaus, pasitelkiant pasaulinius atributus.
Išvada
„ “
žyma.