Lección 3 de 22

Tu Primer Documento EsHTML

¡Es hora de crear tu primera página web! 🎉 Vamos a escribir un documento EsHTML simple y ver cómo funciona.

Estructura Básica de un Documento EsHTML

Todo documento EsHTML necesita estos elementos básicos:

1. Declaración del Tipo de Documento

<!DOCTYPE html>

Le dice al navegador que este es un documento HTML5.

2. Etiqueta Raíz

<eshtml>

Contiene todo el contenido de la página. En EsHTML usamos <eshtml> en lugar de <html>.

3. Sección de Cabecera

<cabecera>

Contiene información sobre la página (título, metadatos, etc.). Se transpila a <head>.

4. Sección del Cuerpo

<cuerpo>

Contiene todo el contenido visible de la página. Se transpila a <body>.

Tu Primer Código

Aquí tienes un ejemplo completo de tu primera página web:

Mi Primera Página Web
1
2
3
4
5
6
7
8
9
10

💡 ¿Qué hace cada línea?

  • Línea 1: Declara que es un documento HTML5
  • Línea 2: Abre la etiqueta raíz del documento
  • Línea 3: Abre la sección de cabeza
  • Línea 4: Define el título que aparece en la pestaña del navegador
  • Línea 5: Cierra la sección de cabeza
  • Línea 6: Abre la sección del cuerpo (contenido visible)
  • Línea 7: Crea un encabezado principal
  • Línea 8: Crea un párrafo de texto
  • Línea 9: Cierra la sección del cuerpo
  • Línea 10: Cierra la etiqueta raíz
Anterior: ¿Qué es EsHTML?Siguiente: Estructura Básica