' ” märgendit kasutatakse teksti kuvamiseks veebilehel, mida peetakse lõiguks. Märgendiga „
” on eelmääratletud vertikaalne tühik, mis lisatakse lõigu ette ja järele. Märgendi „
” sees olev tekst kuvatakse alati järgmisel real ja jätab vahele ka lisatühikud. Arendajad saavad kasutada märgendit p, et eraldada sisu erinevateks osadeks või korraldada teavet loogiliselt.
See juhend tutvustab HTML p-märgendit koos praktilise rakendamisega.
Mis on HTML p Tag?
' ” märgendit kasutatakse veebilehel sisu struktuuri täiustamiseks ja teksti silmapaistvamaks muutmiseks. See aitab veebilehe SEO-protsessis, mis võib parandada veebisaidi asetust otsingutulemustes.
Süntaks
Süntaks ' ” silti kuvatakse järgmiselt:
< lk > Linux lk >
Ülaltoodud koodireal on ' ' on algusmärgend ja '
” on lõpumärgend. Lõppmärgendi kasutamine on kohustuslik, et vältida HTML-i elementide keerukust ja kattumist.
Vaadake allolevat näidet, et mõista, kuidas ” silt töötab:
< keha >< lk > Tere Linuxhinti kogukond lk >
keha >
Ülaltoodud koodilõigu väljund kuvatakse allpool:
Ülaltoodud väljund näitab lihtteksti, mis kuvatakse ekraanil, kasutades ' ” silti.
Kuidas rakendada
sildi CSS-i stiili?
' märgend aktsepteerib selliseid globaalseid atribuute nagu ' klass ”, „ id ” või „ stiilis ” jne, mida saab kasutada CSS-i atribuutide abil valitud elemendi kujundamiseks. Arendaja saab kasutada üht globaalset atribuuti, et rakendada CSS-i atribuute ainult konkreetsetele elementidele. Ja stiilide rakendamiseks kõigile ' ' sildid, mida veebilehel kasutatakse, valige otse HTML' lk ' element CSS-failis või '
Näide 1: CSS-i atribuutide rakendamine kõigile 'p' elementidele
Kõigile
HTML-elementidele samade stiilide määramiseks külastage allolevat koodilõiku:
< stiilis >lk {
taustavärv: metsaroheline;
värv: valge;
}
stiilis >
< keha >
< lk > Tere Linuxhinti kogukond lk >
< lk > Tere Linuxhinti kogukond lk >
< lk > Tere Linuxhinti kogukond lk >
< lk > Tere Linuxhinti kogukond lk >
keha >
Ülaltoodud koodilõigul on CSS ' taustavärv ” ja „ värvi ' atribuudid on rakendatud ' lk ” elemente, valides otse „ lk ” elemendi valija.
Pärast ülaltoodud koodilõigu täitmist näeb veebileht välja järgmine:
Ülaltoodud väljund näitab, et sama stiil on rakendatud kõigile lk ” elemendid veebilehel.
Näide 2: CSS-i atribuutide rakendamine unikaalsele „p” elemendile
Stiilide rakendamiseks ainulaadsetele ' lk ” elemente, saab kasutada stiili, id või klassi atribuute. Need globaalsed atribuudid rakendavad CSS-i atribuute ' lk ” element, mille külge need on kinnitatud.
Külastame koodi:
< stiilis >lk {
taustavärv: metsaroheline;
värv: valge;
}
.kasutusklass {
taustavärv: tumetsüaan;
}
#using-id{
taustavärv: roosakaspruun;
}
stiilis >
< keha >
< lk > Tere Linuxhinti kogukond lk >
< lk stiilis = 'taustavärv: punane' > Tere Linuxhinti kogukond lk >
< lk klass = 'kasutusklass' > Tere Linuxhinti kogukond lk >
< lk id = 'kasutaja ID' > Tere Linuxhinti kogukond lk >
< lk > Tere Linuxhinti kogukond lk >
keha >
Ülaltoodud koodilõigu taustavärvi atribuut ' lk ” element on seatud erinevate väärtustega, kui seda kasutatakse globaalsete atribuutidega.
Pärast ülaltoodud koodilõigu täitmist näeb veebileht välja selline:
Ülaltoodud väljund näitab, et ' lk ” elemendid on nüüd globaalsete atribuutide abil ainulaadselt kujundatud.
Järeldus
' ”
.