Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Desafío: Estructura del Documento HTML | Fundamentos de HTML
Conceptos básicos de HTML
course content

Contenido del Curso

Conceptos básicos de HTML

Conceptos básicos de HTML

1. Comprendiendo la Web y HTML
2. Fundamentos de HTML
3. Imágenes y Medios
4. Tablas y Formularios
5. HTML Avanzado

bookDesafío: Estructura del Documento HTML

¡Bienvenido a tu primer desafío en este curso!

Los desafíos están diseñados para consolidar el conocimiento y la teoría que has aprendido hasta ahora, poniéndolos en práctica. Aprender haciendo es la mejor manera de aprender, así que asegúrate de no saltarte ningún desafío.

Entonces, ¿cómo funcionan los desafíos? Se te dará una tarea que necesita ser completada, y luego se te presentará un bloque de código que tiene espacios que deben ser llenados. Una vez que hayas completado el desafío, puedes ejecutar tu código para asegurarte de que todo funcione como se espera.

Debajo del bloque de código, verás dos botones: y .

  • El botón revelará pistas para ayudarte con el desafío;
  • El botón te mostrará el código completo para ese desafío en particular.

Siéntete libre de experimentar y probar diferentes opciones para completar la tarea. Cuanto más escribas, más fácil se volverá. ¡Buena suerte!

Tarea

Rellena los espacios en blanco para crear la estructura básica de un documento HTML.

html

index

css

index

js

index

copy

Pista

  • Paso 1: La declaración del tipo de documento debe ser <!DOCTYPE html>. Esta declaración informa al navegador que el documento está escrito en HTML5.
  • Paso 2: Rellena los espacios en blanco con las etiquetas de apertura y cierre apropiadas (<head></head>) para la sección de la cabeza.
  • Paso 3: Usa UTF-8 como la codificación de caracteres.
  • Paso 4: Rellena los espacios en blanco con las etiquetas de apertura y cierre apropiadas (<body></body>) para la sección del cuerpo.
html

index

css

index

js

index

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 2
some-alt