El ' ” s'utilitza per mostrar el text a la pàgina web que es considera un paràgraf. L'etiqueta '
' inclou un espai vertical predefinit que s'afegeix abans i després del paràgraf. El text dins de l'etiqueta '
' sempre es mostra a la línia següent i també omet espais addicionals. Els desenvolupadors poden utilitzar l'etiqueta p per separar el contingut en seccions diferents o per organitzar la informació de manera lògica.
Aquesta guia mostra l'etiqueta HTML p juntament amb una implementació pràctica.
Què és l'etiqueta HTML p?
El ' L'etiqueta ” s'utilitza a la pàgina web per millorar l'estructura del contingut i fer que el text sigui més destacat. Ajuda en el procés de SEO per a la pàgina web que pot millorar la classificació del lloc web als resultats de la cerca.
Sintaxi
La sintaxi per a ' ” l'etiqueta es mostra com:
< pàg > Linux pàg >
A la línia de codi anterior, el ' ' és l'etiqueta inicial i '
” és l'etiqueta de tancament. L'etiqueta de tancament és obligatòria per evitar la complexitat i la superposició dels elements HTML.
Visiteu l'exemple següent per entendre com el ' L'etiqueta funciona:
< cos >< pàg > Hola comunitat Linuxhint pàg >
cos >
La sortida del fragment de codi anterior es mostra a continuació:
La sortida anterior mostra el text sense format que es mostra a la pantalla mitjançant el ' ' etiqueta.
Com aplicar l'estil CSS a l'etiqueta
?
El ' L'etiqueta ' accepta atributs globals com ' classe ”, “ id ' o ' estil ” etc. que es poden utilitzar per dissenyar l'element seleccionat mitjançant propietats CSS. El desenvolupador pot utilitzar un dels atributs globals per aplicar propietats CSS només als elements específics. I per aplicar estils a tots' ' Les etiquetes que s'utilitzen a la pàgina web seleccionen directament l'HTML ' pàg ” element dins del fitxer CSS o “
Exemple 1: aplicació de propietats CSS a tots els elements 'p'.
Per establir els mateixos estils a tots els elements HTML
, visiteu el fragment de codi següent:
< estil >pàg {
color de fons: verd bosc;
color: blanc;
}
estil >
< cos >
< pàg > Hola comunitat Linuxhint pàg >
< pàg > Hola comunitat Linuxhint pàg >
< pàg > Hola comunitat Linuxhint pàg >
< pàg > Hola comunitat Linuxhint pàg >
cos >
Al fragment de codi anterior, el CSS ' color de fons ' i ' color ' Les propietats s'apliquen a ' pàg ” elements seleccionant directament els “ pàg ” selector d'elements.
Després de l'execució del fragment de codi anterior, la pàgina web té aquest aspecte:
La sortida anterior mostra que s'ha aplicat el mateix estil a tots els ' pàg ” elements de la pàgina web.
Exemple 2: aplicació de propietats CSS a l'element 'p' únic
Per aplicar estils a únics ' pàg ”, es poden utilitzar els atributs d'estil, id o classe. Aquests atributs globals apliquen propietats CSS al ' pàg ” element al qual estan units.
Visitem un codi:
< estil >pàg {
color de fons: verd bosc;
color: blanc;
}
.using-class {
color de fons: cian fosc;
}
#using-id{
color de fons: marró rosat;
}
estil >
< cos >
< pàg > Hola comunitat Linuxhint pàg >
< pàg estil = 'color de fons: vermell' > Hola comunitat Linuxhint pàg >
< pàg classe = 'usant-classe' > Hola comunitat Linuxhint pàg >
< pàg id = 'usant-id' > Hola comunitat Linuxhint pàg >
< pàg > Hola comunitat Linuxhint pàg >
cos >
Al fragment de codi anterior, la propietat de color de fons per a ' pàg ” s'estableix amb diferents valors quan s'utilitza amb atributs globals.
Després de l'execució del fragment de codi anterior, la pàgina web apareix així:
La sortida anterior mostra que el ' pàg Els elements ara tenen un estil únic amb l'ajuda d'atributs globals.
Conclusió
El ' ”
.