Encabezados y Párrafos HTML

Lección 1: Encabezados y Párrafos en HTML

En esta lección, vamos a explorar dos elementos fundamentales en HTML que son esenciales para la estructura y organización de una página web: los Encabezados y los Párrafos.

1. Encabezados (Headers)

Los encabezados se utilizan para establecer la jerarquía y la estructura de la información en una página web. Proporcionan títulos y subtítulos que ayudan a los usuarios a entender el contenido y la organización de la página. En HTML, los encabezados se definen con las etiquetas <h1> a <h6>, donde <h1> es el encabezado más importante y <h6> es el menos importante.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lección 1: Encabezados y Párrafos</title>
</head>
<body>
    <!-- Encabezados -->
    <h1>Encabezado Principal (h1)</h1>
    <h2>Subtítulo (h2)</h2>
    <h3>Otro Nivel de Encabezado (h3)</h3>
</body>
</html>

Actividad 1:

  1. Abre un editor de texto como Bloc de notas o Visual Studio Code.
  2. Copia y pega el código HTML anterior en un nuevo archivo.
  3. Guarda el archivo con el nombre «encabezados.html».
  4. Abre el archivo con tu navegador web para ver cómo se ven los encabezados en la página.

2. Párrafos (Paragraphs)

Los párrafos se utilizan para organizar y presentar texto de manera clara y legible. Ayudan a dividir el contenido en secciones coherentes y facilitan la comprensión del texto para los usuarios. En HTML, los párrafos se definen con la etiqueta <p>.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lección 1: Encabezados y Párrafos</title>
</head>
<body>
    <!-- Párrafos -->
    <p>Este es un párrafo de ejemplo en HTML. Los párrafos se utilizan para organizar y presentar el texto principal de la página.</p>
    <p>¡Puedes agregar tantos párrafos como desees para desarrollar tu contenido!</p>
</body>
</html>

Actividad 2:

  1. Agrega algunos párrafos de texto debajo de los encabezados en tu archivo «encabezados.html».
  2. Guarda los cambios y actualiza la página en tu navegador web para ver cómo se ven los párrafos en la página.

Conclusión:

En esta lección, hemos explorado los Encabezados y los Párrafos en HTML. Estos elementos son fundamentales para la estructura y organización de una página web, ya que proporcionan jerarquía y claridad al contenido. Continúa practicando y experimentando con estos elementos para desarrollar tus habilidades en HTML y construir páginas web efectivas.

Recibe todas las semanas historias de éxito de personas que sin título se han convertido de programadores profesionales
Suscríbete a nuestro boletín semanal