Ejercicio: tu primera página

⏱ 15 minutos
📶 Nivel: principiante

Objetivo

Crear una página con tu presentación personal aplicando todo lo visto en la lección: el esqueleto HTML, títulos, párrafos y un comentario.

Pasos

Marca cada paso a medida que lo completes. Tu avance se guarda en este navegador.

Crea una carpeta y dentro un archivo llamado index.html.
Escribe el esqueleto: doctype, html con lang="es", head y body.
En el head, añade charset, viewport y un title con tu nombre.
En el body, escribe un título <h1> con tu nombre.
Añade dos párrafos <p>: uno sobre quién eres y otro sobre por qué quieres aprender HTML.
Pon una palabra clave en <strong> dentro de uno de los párrafos.
Agrega un comentario  que diga «Mi primera página».
Guarda el archivo y ábrelo en tu navegador. Comprueba que el comentario no se ve.

💡 Pista 1: ¿no recuerdas el esqueleto?

Vuelve a la sección Estructura de una página y copia el código con el botón «Copiar». Luego modifica el título y el contenido.

💡 Pista 2: mi página se ve en blanco

Revisa que el contenido esté dentro de <body> y no dentro de <head>, y que hayas guardado el archivo antes de recargar con F5.

🔎 Comprueba tu trabajo

Pega tu código y pulsa Comprobar. La revisión ocurre en tu navegador; nada se envía a ningún sitio. Cada punto en rojo incluye una pista.

Se pega el código de un ejercicio, se pulsa Comprobar y la lista marca en verde lo que cumple y en rojo lo que falta con una pista — Así funciona el comprobador: primero un intento incompleto y luego el correcto.

Tu código HTML (el archivo completo)

✅ Ver una solución de ejemplo

Intenta resolverlo antes de mirar. Tu versión puede ser distinta y también correcta.

index.html

<!doctype html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Ana Pérez · Presentación</title>
  </head>
  <body>
    <!-- Mi primera página -->
    <h1>Ana Pérez</h1>
    <p>Soy estudiante y me gusta la <strong>tecnología</strong>.</p>
    <p>Quiero aprender HTML para crear mis propias páginas web.</p>
  </body>
</html>

🏁 Reto extra (opcional)

Cambia el idioma a inglés (lang="en") y observa qué cambia. Después, intenta provocar un error a propósito (por ejemplo, olvida cerrar un <p>) y mira cómo reacciona el navegador.