<P>

La etiqueta <p> es un elemento en bloque (block-level element), lo que significa que cada vez que la usas, el navegador coloca el texto en una nueva línea y agrega un espacio arriba y abajo automáticamente.

 Estructura

<p>Aquí va el texto del párrafo.</p>

  • Etiqueta de apertura: <p>

  • Contenido: el texto.

  • Etiqueta de cierre: </p>


Características

  • Ocupa todo el ancho disponible en pantalla (de izquierda a derecha).

  • Acepta otras etiquetas dentro: por ejemplo, puedes poner <strong> (negrita), <em> (cursiva), <a> (enlace).

  • Cada párrafo es independiente, no se pega con el otro a menos que lo estilos.

Ejemplo:

<p>Este es un <strong>párrafo con negrita</strong>.</p>
<p>Este tiene <em>cursiva</em> y un <a href="https://google.com">enlace</a>.</p>

Beneficios / Usos

Organización → ayuda a separar ideas, igual que en un ensayo.
Accesibilidad → los lectores de pantalla lo reconocen como párrafo.
Flexibilidad → puedes combinarlo con CSS para darle estilo.
Compatibilidad → funciona en todos los navegadores, incluso muy viejos.
SEO (posicionamiento web) → los motores de búsqueda detectan la estructura de los textos con <p>.

Ejemplo 

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Ejemplo de párrafos</title>
  <style>
    p {
      color: darkblue; 
      font-size: 18px; 
      line-height: 1.6; 
      text-align: justify;
    }
  </style>
</head>
<body>
  <h1>Mi página con párrafos</h1>
  <p>Este es un párrafo de ejemplo con un poco de estilo.</p>
  <p>Este es otro párrafo, ahora alineado y más agradable de leer.</p>
</body>
</html>

Comentarios

Publicar un comentario

Entradas populares de este blog

ejemplo basico de estructura html

                                                                ESTRUCTURA HTML  <!DOCTYPE html> <html>   <head>     <title>Mi Página Web</title>   </head>   <body>     <h1>Hola, Mundo!</h1>     <p>Este es un párrafo.</p>     <a href="https://www.google.com">Enlace a Google</a>   </body> </html> <!DOCTYPE html>: Define que el documento es HTML5. <html>: Contenedor principal de toda la página. <head>: Contiene información sobre la página (título, meta datos, enlaces a estilos). <body>: Contiene el contenido visible de la página (texto, imágenes, enlaces).
Leer más

Que es BODY

                                                                                            BODY es una etiqueta de HTML que define todo el contenido visible de una página web . Es lo que el usuario realmente ve en el navegador: textos, imágenes, videos, botones, enlaces, formularios, etc. ¿Cómo se compone? Dentro de <body> puedes incluir: Encabezados ( <h1> a <h6> ) → títulos. Párrafos ( <p> ) → texto normal. Imágenes ( <img> ) → fotos e ilustraciones. Enlaces ( <a> ) → botones que llevan a otras páginas. Listas ( <ul> , <ol> , <li> ) → enumeraciones o viñetas. Tablas ( <table> , <tr> , <td> ) → organizar datos. Multimedia ( <video> , <audio...
Leer más