Párrafo HTML | Tutoriales de Desarrollo Web

Introducción

Los párrafos HTML son importantes cuando quieres agregar contenido de texto a tu sitio web. En este laboratorio paso a paso, aprenderás cómo crear un párrafo HTML utilizando la etiqueta p.

Nota: Puedes practicar la codificación en index.html y aprender Cómo escribir HTML en Visual Studio Code. Haga clic en 'Go Live' en la esquina inferior derecha para ejecutar el servicio web en el puerto 8080. Luego, puede actualizar la pestaña Web 8080 para previsualizar la página web.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"]) html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") html/TextContentandFormattingGroup -.-> html/para_br("Paragraphs and Line Breaks") html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding") subgraph Lab Skills html/basic_elems -.-> lab-70813{{"Crear párrafos HTML en Visual Studio Code"}} html/text_head -.-> lab-70813{{"Crear párrafos HTML en Visual Studio Code"}} html/para_br -.-> lab-70813{{"Crear párrafos HTML en Visual Studio Code"}} html/doc_flow -.-> lab-70813{{"Crear párrafos HTML en Visual Studio Code"}} end

Crea una etiqueta de párrafo

Primero, crea un archivo HTML llamado index.html. Puedes usar cualquier editor de código que prefieras.

Crea una etiqueta de párrafo agregando el siguiente bloque de código en la sección body de tu archivo HTML.

<p>This is a HTML paragraph.</p>

Agrega texto al párrafo

Agrega algo de texto al párrafo modificando el bloque de código del paso 2 al siguiente:

<p>Hello, my name is John. I am a software developer.</p>

Agrega múltiples párrafos

Agrega múltiples párrafos a tu archivo HTML repitiendo el paso 2 y el paso 3 con diferentes contenidos de texto. Tu bloque de código final debería verse así:

<body>
  <p>Hello, my name is John. I am a software developer.</p>
  <p>I love coding and creating beautiful websites.</p>
  <p>HTML and CSS are my favorite programming languages.</p>
</body>

Resumen

¡Felicidades! Has aprendido con éxito cómo crear y agregar contenido de texto a los párrafos HTML. Esta es una habilidad importante para tener al construir sitios web. Sigue practicando y explorando las etiquetas HTML para crear páginas web dinámicas y atractivas.