Teoría
Teoría

La etiqueta p: párrafos

Los encabezados definen la estructura general del texto. Los párrafos organizan sus partes más pequeñas. Para marcar un párrafo usamos <p>, por la palabra inglesa «paragraph».

De forma predeterminada, los párrafos empiezan en una línea nueva y dejan espacio arriba y abajo. Si necesitas separar dos bloques de texto, puedes envolver cada uno en <p>.

<p>Un párrafo sobre mi decisión de aprender maquetación web</p>
<p>Un párrafo sobre mi instructor</p>
<p>Un párrafo sobre mi diario</p>

Marquemos los párrafos del texto de bienvenida de la página principal.

En el uso cotidiano, un párrafo es un fragmento de texto formado por una o varias oraciones, normalmente relacionadas por una misma idea. En HTML, el concepto es estructural.

Un párrafo en HTML es una secuencia ininterrumpida de elementos de contenido de fraseo. No lo define su significado. Puede existir incluso sin una etiqueta <p>.

La etiqueta <p> permite delimitarlo de forma explícita, agrupando elementos de contenido de fraseo. Estos pueden ser texto, imágenes, enlaces o campos de entrada.

No todas las etiquetas pueden ir dentro de <p>. Por ejemplo, no puede contener grandes bloques estructurales, encabezados, formularios, listas ni tablas. Si el navegador encuentra una etiqueta de este tipo dentro de <p>, cierra el párrafo antes de ella.

index.html

HTML

<!DOCTYPE html> <html lang="es"> <head> <title>Mi primer sitio web</title> <link rel="stylesheet" href="outlines.css"> </head> <body> <header> <h1>Mi primer sitio web</h1> </header> <main> <nav> Navegación </nav> <section> ¡Hola a todos! Te doy la bienvenida a mi primer sitio web. Hasta hace poco no sabía qué hacía alguien que se dedica a la maquetación web. Ahora encontré estos ejercicios de HTML y CSS y quiero dedicarme a eso. Incluso tengo un instructor, Cupcake, que no me dejará distraerme y seguirá mis avances. Mi primera tarea es llevar un diario y contar con sinceridad todos mis logros. </section> <section> Sección de habilidades </section> </main> <footer> Pie de página del sitio </footer> </body> </html>

ObjetivosRealizado

Divide el texto de la primera sección en dos párrafos.

En el primer párrafo, incluye el texto que empieza con ¡Hola a todos! y termina con mis avances.
En el segundo párrafo, incluye la oración restante: desde Mi primera tarea hasta logros.