Etiqueta HTML <p>

Definición y uso

<p> etiqueta se define un párrafo.

El navegador añadirá automáticamente en cada <p> Añadir un salto de línea antes y después del elemento.

Consejo:Utilice CSS Establecer estilo de párrafo.

Véase también:

Tutoriales HTML:Párrafo de HTML

Manual de Referencia HTML DOM:Objeto Paragraph

Ejemplo

Ejemplo 1

Marcar párrafos de esta manera:

<p>Este es un texto dentro de un párrafo.</p>

Prueba personalmente

Ejemplo 2

Alinear texto dentro de párrafo (usando CSS):

<p style="text-align:right">Este es un texto dentro de un párrafo.</p>

Prueba personalmente

Ejemplo 3

Usar CSS para definir estilos de párrafo:

<html>
<head>
<style>
p {
  color: navy;
  text-indent: 30px;
  text-transform: uppercase;
}
</style>
</head>
<body>
<p>China, oficialmente la República Popular China (RPC), es un país en Asia Oriental. Es el segundo país más poblado del mundo, con una población que supera los 1.4 mil millones. China abarca el equivalente a cinco zonas horarias y limita con catorce países por tierra. Con una superficie de casi 9.6 millones de kilómetros cuadrados (3,700,000 millas cuadradas), es el tercer país más grande del mundo en términos de superficie total. El país se divide en 22 provincias, cinco regiones autónomas, cuatro municipios y dos regiones administrativas especiales semi-autónomas. Pekín es la capital nacional, mientras que Shanghái es la ciudad más poblada y el mayor centro financiero.</p>
</body>
</html>

Prueba personalmente

Ejemplo 4

Más párrafos:

<p>
En el código fuente
Este párrafo
Contiene muchas líneas.
Pero el navegador
Ignóralo.
</p>

Prueba personalmente

Ejemplo 5

Problema de poesía en HTML:

<p>
　　Adiós al emperador blanco en el cielo
　　Regreso a Jingling en un día de mil li.
　　Las voces de los monos en las orillas no cesan.
　　El barco ha pasado por miles de montañas.
</p>

Prueba personalmente

Atributos globales

<p> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<p> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores utilizarán los siguientes valores predeterminados para mostrar <p> Elemento:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

Prueba personalmente

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte