Det ' ” tag bruges til at vise teksten på websiden, som betragtes som et afsnit. Tagget '
' kommer med et foruddefineret lodret mellemrum, der tilføjes før og efter afsnittet. Teksten inde i '
'-tagget vises altid på den næste linje og springer også ekstra mellemrum over. Udviklere kan bruge p-tagget til at adskille indhold i adskilte sektioner eller til at organisere information logisk.
Denne vejledning demonstrerer HTML p-tagget sammen med praktisk implementering.
Hvad er HTML p Tag?
Det ' ” tag bruges på websiden til at forbedre strukturen af indholdet og for at gøre teksten mere fremtrædende. Det hjælper i processen med SEO for websiden, som kan forbedre webstedets placering i søgeresultaterne.
Syntaks
Syntaksen for ' ' tag vises som:
< s > Linux s >
I ovenstående kodelinje er ' ' er startmærket, og '
” er det afsluttende tag. Det afsluttende tag er obligatorisk at bruge for at undgå kompleksiteten og overlapningen af HTML-elementerne.
Besøg nedenstående eksempel for at forstå, hvordan ' ' tag virker:
< legeme >< s > Hej Linuxhint-fællesskab s >
legeme >
Outputtet af ovenstående kodestykke vises nedenfor:
Ovenstående output viser den almindelige tekst, der vises på skærmen ved hjælp af ' ” tag.
Hvordan anvender man CSS-styling til
-tag?
Det ' ' tag accepterer globale attributter som ' klasse ', ' id ' eller ' stil ” osv. som kan bruges til at style det valgte element ved hjælp af CSS-egenskaber. Udvikleren kan bruge en af de globale attributter til kun at anvende CSS-egenskaber på de specifikke elementer. Og for at anvende stilarter på alle ' ' tags, der bruges på websiden, vælg direkte HTML ' s '-element inde i CSS-filen eller '
Eksempel 1: Anvendelse af CSS-egenskaber på alle 'p'-elementer
Besøg nedenstående kodestykke for at indstille de samme stilarter på alle
HTML-elementer:
< stil >s {
baggrundsfarve: skovgrøn;
farve: hvid;
}
stil >
< legeme >
< s > Hej Linuxhint-fællesskab s >
< s > Hej Linuxhint-fællesskab s >
< s > Hej Linuxhint-fællesskab s >
< s > Hej Linuxhint-fællesskab s >
legeme >
I ovenstående kodestykke, CSS ' baggrundsfarve ' og ' farve ' egenskaber anvendes på ' s ' elementer ved direkte at vælge ' s ” elementvælger.
Efter udførelsen af ovenstående kodestykke ser websiden sådan ud:
Ovenstående output viser, at den samme styling er blevet anvendt på alle ' s ”-elementer på websiden.
Eksempel 2: Anvendelse af CSS-egenskaber til unikt 'p'-element
Til at anvende stilarter på unikke ' s ”-elementer, kan stil-, id- eller klasseattributterne bruges. Disse globale attributter anvender CSS-egenskaber til ' s ” element, som de er knyttet til.
Lad os besøge en kode:
< stil >s {
baggrundsfarve: skovgrøn;
farve: hvid;
}
.using-class {
baggrundsfarve: mørkcyan;
}
#using-id{
baggrundsfarve: rosenbrun;
}
stil >
< legeme >
< s > Hej Linuxhint-fællesskab s >
< s stil = 'baggrundsfarve:rød' > Hej Linuxhint-fællesskab s >
< s klasse = 'bruger-klasse' > Hej Linuxhint-fællesskab s >
< s id = 'bruger-id' > Hej Linuxhint-fællesskab s >
< s > Hej Linuxhint-fællesskab s >
legeme >
I ovenstående kodestykke er baggrundsfarveegenskaben for ' s ”-element indstilles med forskellige værdier, når det bruges med globale attributter.
Efter udførelsen af ovenstående kodestykke ser websiden sådan ud:
Ovenstående output viser, at ' s ” elementer er nu unikt stylet ved hjælp af globale attributter.
Konklusion
Det ' '
.