„ Eticheta ” este utilizată pentru a afișa textul pe pagina web care este considerat un paragraf. Eticheta „
” vine cu un spațiu vertical predefinit care este adăugat înainte și după paragraf. Textul din interiorul etichetei „
” se afișează întotdeauna pe linia următoare și omite și spațiile suplimentare. Dezvoltatorii pot folosi eticheta p pentru a separa conținutul în secțiuni distincte sau pentru a organiza informațiile în mod logic.
Acest ghid demonstrează eticheta HTML p împreună cu implementarea practică.
Ce este HTML p Tag?
„ Eticheta ” este utilizată în pagina web pentru a îmbunătăți structura conținutului și pentru a face textul mai proeminent. Ajută în procesul de SEO pentru pagina web, ceea ce poate îmbunătăți clasarea site-ului în rezultatele căutării.
Sintaxă
Sintaxa pentru „ ” eticheta este afișată ca:
< p > Linux p >
În linia de cod de mai sus, „ „ este eticheta de început și „
” este eticheta de închidere. Eticheta de închidere este obligatorie pentru a evita complexitatea și suprapunerea elementelor HTML.
Vizitați exemplul de mai jos pentru a înțelege cum „ ” eticheta funcționează:
< corp >< p > Salut comunitatea Linuxhint p >
corp >
Rezultatul fragmentului de cod de mai sus este afișat mai jos:
Ieșirea de mai sus arată textul simplu care este afișat pe ecran folosind butonul „ ' etichetă.
Cum se aplică stilul CSS etichetei
?
„ Eticheta ” acceptă atribute globale precum “ clasă ”, “ id ” sau ” stil ” etc. care pot fi utilizate pentru stilizarea elementului selectat folosind proprietăți CSS. Dezvoltatorul poate folosi unul dintre atributele globale pentru a aplica proprietăți CSS numai asupra elementelor specifice. Și pentru aplicarea stilurilor tuturor” „etichetele care sunt utilizate pe pagina web selectează direct codul HTML „ p ” element din interiorul fișierului CSS sau “
Exemplul 1: Aplicarea proprietăților CSS la toate elementele „p”.
Pentru a seta aceleași stiluri pentru toate elementele HTML
, accesați fragmentul de cod de mai jos:
< stil >p {
culoare de fundal: verde pădure;
culoare albă;
}
stil >
< corp >
< p > Salut comunitatea Linuxhint p >
< p > Salut comunitatea Linuxhint p >
< p > Salut comunitatea Linuxhint p >
< p > Salut comunitatea Linuxhint p >
corp >
În fragmentul de cod de mai sus, CSS „ culoare de fundal ' și ' culoare ” proprietățile sunt aplicate la ” p ” prin selectarea directă a „ p ” selector de elemente.
După executarea fragmentului de cod de mai sus, pagina web arată astfel:
Rezultatul de mai sus arată că același stil a fost aplicat tuturor „ p ” elemente de pe pagina web.
Exemplul 2: Aplicarea proprietăților CSS la elementul unic „p”.
Pentru aplicarea stilurilor la unic „ p ”, pot fi utilizate atributele de stil, id sau clasă. Aceste atribute globale aplică proprietăți CSS la „ p ” element de care sunt atașate.
Să vizităm un cod:
< stil >p {
culoare de fundal: verde pădure;
culoare albă;
}
.folosind-clasa {
culoare de fundal: cyan închis;
}
#using-id{
culoare de fundal: maro roz;
}
stil >
< corp >
< p > Salut comunitatea Linuxhint p >
< p stil = „culoare de fundal: roșu” > Salut comunitatea Linuxhint p >
< p clasă = 'clasa de utilizare' > Salut comunitatea Linuxhint p >
< p id = 'folosind-id' > Salut comunitatea Linuxhint p >
< p > Salut comunitatea Linuxhint p >
corp >
În fragmentul de cod de mai sus, proprietatea de culoare de fundal pentru „ p ” elementul este setat cu valori diferite atunci când este utilizat cu atribute globale.
După executarea fragmentului de cod de mai sus, pagina web apare astfel:
Rezultatul de mai sus arată că „ p ” elementele sunt acum un stil unic cu ajutorul atributelor globale.
Concluzie
„ ”
.