Párrafo HTML

Párrafo HTML
Cada vez que visitamos un sitio, presenciamos múltiples cosas como párrafos, encabezados, títulos, etc. Para agregar tales elementos en cualquier página web, HTML proporcione diferentes etiquetas. La etiqueta del párrafo es uno de ellos.

El párrafo HTML es un elemento que contiene algún texto entre las etiquetas de inicio y cierre. Está representado por

etiqueta. Pertenece a elementos de nivel de bloque, lo que significa un

La etiqueta siempre comenzará desde una nueva línea. El navegador agregará el margen automáticamente antes y después de cada

etiqueta. La etiqueta del párrafo puede aceptar los atributos globales como ID, estilo, etc., y atributos del evento.

Sintaxis

La sintaxis del elemento de párrafo se establece a continuación:

contenido

Dónde

se usa como etiqueta de inicio y

se usa como una etiqueta de cierre. La etiqueta de cierre es opcional y se puede omitir, pero para evitar las complejidades se recomienda que nunca se salte la etiqueta final de ninguna etiqueta pareada.

Cómo

La etiqueta funciona

Esta sección presentará una comprensión detallada de cómo

La etiqueta funciona.

Ejemplo 1: Considere el siguiente ejemplo para comprender cómo

Etiqueta de párrafo html


Este es un ejemplo simple de la etiqueta P



El código anterior creará una etiqueta simple usando el

Cómo agregar estilo

Etiqueta

Ahora debe preguntarse sobre su estilo, como cómo cambiar la alineación del texto, el tamaño de la fuente, el color de fondo, etc. de un párrafo. Bien! Podemos diseñar cualquier párrafo HTML con la ayuda de CSS.

Ejemplo 2: Para este propósito, ampliemos un poco el ejemplo anterior e implementemos algo de estilo:



Etiqueta de párrafo html



Este es un ejemplo simple de la etiqueta P



El código anterior especifica tres propiedades de alineación de texto, color de fondo y estilo de fuente dentro del etiqueta. Estas propiedades se aplicarán al párrafo y generará la siguiente salida:

Cómo agregar estilo a múltiples párrafos

Si hay múltiples párrafos en el documento, el estilo especificado se implementará en todos los

Ejemplo 3: Consideremos el siguiente ejemplo que tiene tres etiquetas como se muestra en el siguiente código:



Etiqueta de párrafo html



Este es el primer párrafo


Este es el segundo párrafo


Este es el tercer párrafo



La siguiente salida confirmará que las propiedades que establecemos para el párrafo en la etiqueta de estilo se implementan en todos los párrafos:

Cómo diseñar cada párrafo de forma única

Supongamos que hay múltiples párrafos y debe diseñar cada párrafo de manera diferente. Es posible?

Sí, lo es! Podemos hacer esto de dos maneras, ya sea usando el atributo de estilo en línea o, podemos usar selectores CSS.

Ejemplo 4: Supongamos el siguiente código dado que implementa el estilo en línea al tercero

Etiqueta de párrafo html



Este es el primer párrafo


Este es el segundo párrafo


Este es el tercer párrafo



El estilo en línea se implementará en el tercer párrafo, mientras que los otros dos párrafos se diseñarán de acuerdo con el estilo interno como se muestra a continuación:

Ejemplo 5: Consideremos la siguiente pieza de código que usará un selector de identificación para peinar el segundo párrafo:



Etiqueta de párrafo html



Este es el primer párrafo


Este es el segundo párrafo


Este es el tercer párrafo



Este ejemplo describe dos estilos diferentes: el primer y el tercer párrafos se diseñarán de acuerdo con el estilo interno. Mientras que el segundo párrafo se establecerá de manera diferente como se muestra en la siguiente salida:

Pantalla HTML

No importa cuántos espacios adicionales o líneas adicionales hay en el párrafo, HTML ignorará todos los espacios adicionales y las líneas adicionales como se muestra en el fragmento de abajo dados:



Etiqueta de párrafo html


Esto es el primero
Párrafo
con múltiples
extra
espacios



En el código anterior hay muchos espacios y líneas adicionales. Sin embargo, la salida confirmará que el HTML descuida los espacios adicionales y genera la siguiente salida:

Conclusión

Como el nombre en sí mismo sugiere que la etiqueta de párrafo en el documento HTML se usa para crear un párrafo. También puede tomar atributos globales y atributos de eventos. Para el estilo avanzado, se puede usar CSS, como color de fondo, estilo de fuente, alineación de texto, etc.

Este artículo demostró una descripción completa del párrafo HTML donde hemos aprendido a crear un párrafo en HTML, qué atributos

La etiqueta puede tomar y cómo incorporar algunos patrones de estilo en un párrafo utilizando CSS con la ayuda de ejemplos.