0%
Inicio / html / Construir una página completa

Construir una página completa

35 min
Intermedio

El desafío

Hasta ahora practicaste piezas por separado: un título acá, una lista allá, un formulario en otra pantalla. Ahora las vas a combinar todas en una sola página.

Tu página va a necesitar:

  • Estructura completa (<!DOCTYPE>, <html>, <head> con <title>, <body>)
  • Al menos un <h1>
  • Al menos un párrafo
  • Una lista (<ul> u <ol>)
  • Un enlace
  • Una imagen con alt
  • Estructura semántica: al menos <header> y <main>

Planificar antes de escribir

Antes de tipear una sola etiqueta, conviene decidir dónde va cada cosa:

Página
│
├── header
│   └── Título del sitio
│
├── main
│   ├── h1 (título de esta página)
│   ├── párrafo de presentación
│   ├── lista
│   ├── imagen
│   └── enlace
│
└── footer

No hace falta seguir esta estructura exacta — pero pensar el árbol antes de escribir evita terminar con etiquetas mezcladas sin ningún orden.

Construí tu página

Armá una página HTML completa que cumpla con todo lo pedido arriba. El tema es libre — puede ser sobre vos, sobre algo que te interese, lo que quieras.

Cargando...