El ' La etiqueta ” se utiliza para mostrar el texto en la página web que se considera como un párrafo. La etiqueta “
” viene con un espacio vertical predefinido que se agrega antes y después del párrafo. El texto dentro de la etiqueta '
' siempre se muestra en la siguiente línea y también omite los espacios adicionales. Los desarrolladores pueden usar la etiqueta p para separar el contenido en distintas secciones o para organizar la información de forma lógica.
Esta guía demuestra la etiqueta HTML p junto con la implementación práctica.
¿Qué es la etiqueta HTML p?
El ' La etiqueta ” se utiliza en la página web para mejorar la estructura del contenido y hacer que el texto sea más destacado. Ayuda en el proceso de SEO para la página web, lo que puede mejorar la clasificación del sitio web en los resultados de búsqueda.
Sintaxis
La sintaxis para el ' La etiqueta ” se muestra como:
< pag > linux pag >
En la línea de código anterior, el ' ” es la etiqueta inicial, y “
” es la etiqueta de cierre. La etiqueta de cierre es obligatoria para evitar la complejidad y la superposición de los elementos HTML.
Visite el siguiente ejemplo para entender cómo el “ La etiqueta ” funciona:
< cuerpo >< pag > Hola Comunidad Linuxhint pag >
cuerpo >
El resultado del fragmento de código anterior se muestra a continuación:
La salida anterior muestra el texto sin formato que se muestra en la pantalla usando el ' ' etiqueta.
¿Cómo aplicar estilo CSS a la etiqueta
?
El ' La etiqueta ” acepta atributos globales como “ clase ”, “ identificación ' o ' estilo ” etc. que se puede utilizar para diseñar el elemento seleccionado usando las propiedades CSS. El desarrollador puede usar uno de los atributos globales para aplicar propiedades CSS solo en los elementos específicos. Y por aplicar estilos a todos” 'las etiquetas que se utilizan en la página web seleccionan directamente el HTML' pag ” elemento dentro del archivo CSS o “
Ejemplo 1: Aplicar propiedades CSS a todos los elementos 'p'
Para configurar los mismos estilos en todos los elementos HTML
, visite el siguiente fragmento de código:
< estilo >pag {
color de fondo: verde bosque;
color blanco;
}
estilo >
< cuerpo >
< pag > Hola Comunidad Linuxhint pag >
< pag > Hola Comunidad Linuxhint pag >
< pag > Hola Comunidad Linuxhint pag >
< pag > Hola Comunidad Linuxhint pag >
cuerpo >
En el fragmento de código anterior, el CSS ' color de fondo ' y ' color ” propiedades se aplican a “ pag ” seleccionando directamente el “ pag selector de elementos.
Después de la ejecución del fragmento de código anterior, la página web se ve así:
El resultado anterior muestra que se ha aplicado el mismo estilo a todos los ' pag ” elementos en la página web.
Ejemplo 2: Aplicación de propiedades CSS al elemento único 'p'
Para aplicar estilos a únicos “ pag Se pueden utilizar elementos, se pueden utilizar los atributos de estilo, id o clase. Estos atributos globales aplican propiedades CSS al ' pag ” elemento al que están adheridos.
Visitemos un código:
< estilo >pag {
color de fondo: verde bosque;
color blanco;
}
.using-class {
color de fondo: cian oscuro;
}
#usando-id{
color de fondo: marrón rosado;
}
estilo >
< cuerpo >
< pag > Hola Comunidad Linuxhint pag >
< pag estilo = 'color de fondo: rojo' > Hola Comunidad Linuxhint pag >
< pag clase = 'clase de uso' > Hola Comunidad Linuxhint pag >
< pag identificación = 'usando-id' > Hola Comunidad Linuxhint pag >
< pag > Hola Comunidad Linuxhint pag >
cuerpo >
En el fragmento de código anterior, la propiedad de color de fondo para el ' pag El elemento ” se establece con diferentes valores cuando se utiliza con atributos globales.
Después de la ejecución del fragmento de código anterior, la página web aparece así:
El resultado anterior muestra que el “ pag Los elementos ahora tienen un estilo único con la ayuda de atributos globales.
Conclusión
El ' ”
.