den ' ”-taggen används för att visa texten på webbsidan som betraktas som ett stycke. Taggen '
' kommer med ett fördefinierat vertikalt utrymme som läggs till före och efter stycket. Texten inuti taggen '
' visas alltid på nästa rad och hoppar över extra mellanslag också. Utvecklare kan använda p-taggen för att dela upp innehåll i distinkta sektioner eller för att organisera information logiskt.
Den här guiden visar HTML p-taggen tillsammans med praktisk implementering.
Vad är HTML p Tag?
den ' ”-taggen används på webbsidan för att förbättra strukturen på innehållet och för att göra texten mer framträdande. Det hjälper till i processen med SEO för webbsidan som kan förbättra webbplatsens rankning i sökresultat.
Syntax
Syntaxen för ' '-taggen visas som:
< sid > Linux sid >
I kodraden ovan visas ' ' är starttaggen, och '
” är den avslutande taggen. Den avslutande taggen är obligatorisk att använda för att undvika komplexiteten och överlappningen av HTML-elementen.
Besök exemplet nedan för att förstå hur ' ' taggen fungerar:
< kropp >< sid > Hej Linuxhint Community sid >
kropp >
Utdata från ovanstående kodavsnitt visas nedan:
Ovanstående utdata visar ren text som visas på skärmen med hjälp av ' '-tagg.
Hur applicerar man CSS-styling på
-taggen?
den ' ' taggen accepterar globala attribut som ' klass ”, “ id ' eller ' stil ” etc. som kan användas för att styla det valda elementet med hjälp av CSS-egenskaper. Utvecklaren kan använda ett av de globala attributen för att tillämpa CSS-egenskaper endast på de specifika elementen. Och för att applicera stilar på alla ' ' taggar som används på webbsidan väljer direkt HTML ' sid ' element i CSS-filen eller '
Exempel 1: Tillämpa CSS-egenskaper på alla 'p'-element
För att ställa in samma stilar på alla
HTML-element, besök kodavsnittet nedan:
< stil >sid {
bakgrundsfärg: skogsgrön;
färg vit;
}
stil >
< kropp >
< sid > Hej Linuxhint Community sid >
< sid > Hej Linuxhint Community sid >
< sid > Hej Linuxhint Community sid >
< sid > Hej Linuxhint Community sid >
kropp >
I ovanstående kodavsnitt, CSS ' bakgrundsfärg ' och ' Färg ' egenskaper tillämpas på ' sid ' element genom att direkt välja ' sid ” elementväljare.
Efter exekveringen av ovanstående kodavsnitt ser webbsidan ut så här:
Ovanstående utdata visar att samma stil har tillämpats på alla ' sid '-element på webbsidan.
Exempel 2: Tillämpa CSS-egenskaper på unikt 'p'-element
För att applicera stilar på unika ' sid '-element kan stil-, id- eller klassattributen användas. Dessa globala attribut tillämpar CSS-egenskaper på ' sid ” element till vilket de är fästa.
Låt oss besöka en kod:
< stil >sid {
bakgrundsfärg: skogsgrön;
färg vit;
}
.using-class {
bakgrundsfärg: mörkcyan;
}
#using-id{
bakgrundsfärg: rosabrun;
}
stil >
< kropp >
< sid > Hej Linuxhint Community sid >
< sid stil = 'bakgrundsfärg:röd' > Hej Linuxhint Community sid >
< sid klass = 'using-class' > Hej Linuxhint Community sid >
< sid id = 'using-id' > Hej Linuxhint Community sid >
< sid > Hej Linuxhint Community sid >
kropp >
I kodavsnittet ovan, egenskapen bakgrundsfärg för ' sid ”-element ställs in med olika värden när det används med globala attribut.
Efter exekveringen av ovanstående kodavsnitt ser webbsidan ut så här:
Ovanstående utdata visar att ' sid ”-element är nu unikt utformade med hjälp av globala attribut.
Slutsats
den ' '
.