Comprender la estructura de párrafos HTML
En este paso, aprenderás la estructura fundamental de los párrafos HTML y cómo utilizar la etiqueta <p> para crear secciones de texto en documentos web. Los párrafos HTML son esenciales para organizar y presentar contenido de texto en páginas web.
Los párrafos HTML se crean utilizando la etiqueta <p> (párrafo), que define un bloque de texto. Cada párrafo suele estar separado por un salto de línea y tiene un estilo predeterminado en los navegadores web.
Vamos a crear un archivo HTML simple para demostrar la estructura de los párrafos. Abre el WebIDE y crea un nuevo archivo llamado paragraphs.html en el directorio ~/project:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>HTML Paragraph Example</title>
</head>
<body>
<p>
This is my first paragraph. Paragraphs are used to organize text content
on web pages.
</p>
<p>
Each paragraph is enclosed within opening and closing p tags. The browser
automatically adds some space between paragraphs.
</p>
</body>
</html>
Características clave de los párrafos HTML:
- Encerrados entre las etiquetas
<p> y </p>
- Creen automáticamente espaciado vertical entre bloques de texto
- Se utilizan para agrupar contenido de texto relacionado
- Elementos de nivel de bloque que comienzan en una nueva línea
Para ver el archivo HTML, puedes abrirlo en un navegador web. El navegador renderizará los párrafos con el espaciado y estilo predeterminados.
Notas: Aprende más sobre Cómo previsualizar archivos HTML en el WebIDE.
Ejemplo de salida en un navegador web:
This is my first paragraph. Paragraphs are used to organize text content on web pages.
Each paragraph is enclosed within opening and closing p tags. The browser automatically adds some space between paragraphs.
