HTML for Kids · Lección

Encabezados y párrafos

Añada títulos y texto a su página web

Encabezados y párrafos es una lección gratuita de HTML for Kids en CoddyKit. Esta es la lección 1 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de HTML for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de HTML for Kids incluye 4 lecciones en total.

Encabezados y párrafos

¡Le damos la bienvenida a la próxima lección! Hoy aprenderemos a añadir encabezados y párrafos a su página web. Estos elementos hacen que el contenido esté organizado y sea fácil de leer.

¿Qué son los encabezados?

Los encabezados se utilizan para crear títulos y subtítulos en una página web. Van desde <h1>, el más grande, hasta <h6>, el más pequeño.

Considere los encabezados como el esquema de su contenido. Ayudan a los usuarios a comprender la estructura de la página.

Ejemplo:

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>

Usar encabezados

Añadamos encabezados a nuestra página web. Pruebe este código para ver la diferencia entre los tamaños de los encabezados:

<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>

¿Qué son los párrafos?

Los párrafos son bloques de texto que se añaden a la página web mediante la etiqueta <p>. Son perfectos para añadir información detallada o descripciones.

Ejemplo:

<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>

Añadir varios párrafos

Puede añadir tantos párrafos como quiera utilizando varias etiquetas <p>.

Ejemplo:

<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>

Combinar encabezados y párrafos

Los encabezados y los párrafos trabajan juntos para que su contenido sea fácil de leer y comprender. Use encabezados para los títulos y párrafos para la información detallada.

Ejemplo:

<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>

<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>

<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>

Buenas prácticas para encabezados y párrafos

Estos son algunos consejos que debe tener en cuenta:

Use un solo <h1> por página: La etiqueta <h1> debe utilizarse una sola vez como título principal.
Organice el contenido: Use encabezados más pequeños, como <h2> y <h3>, para dividir las secciones.
Escriba párrafos claros: Procure que sus párrafos sean breves y fáciles de leer.

Pruébelo usted mismo

Creemos una página web sencilla con encabezados y párrafos. Este es un ejemplo para empezar:

<!DOCTYPE html>
<html>
  <head>
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the main paragraph introducing my page.</p>
    
    <h2>About Me</h2>
    <p>I’m learning HTML and enjoying the process!</p>

    <h2>My Goals</h2>
    <p>My goal is to create a professional-looking website someday.</p>
  </body>
</html>

¡Excelente trabajo!

¡Excelente trabajo! Ha aprendido a añadir encabezados y párrafos a su página web. Son esenciales para crear contenido claro y bien estructurado. En la próxima lección, exploraremos cómo crear listas para organizar la información. ¡Prepárese para seguir aprendiendo!

Preguntas frecuentes

¿La lección «Encabezados y párrafos» es gratis?

Sí — el texto completo de «Encabezados y párrafos» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de HTML for Kids, actualiza a CoddyKit PRO. El curso de HTML for Kids incluye 4 lecciones en total.

¿Qué aprenderé en «Encabezados y párrafos»?

Añada títulos y texto a su página web Practicas HTML for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar HTML for Kids?

No se requiere experiencia previa. HTML for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 1 de 4.

¿Cuánto tiempo toma la lección «Encabezados y párrafos»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de HTML for Kids?

Sí. Cada lección de HTML for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

← Volver a HTML for Kids