Configuración de su primera página HTML
Escriba su primer código HTML utilizando un editor de texto sencillo.
Configuración de su primera página HTML es una lección gratuita de HTML for Kids en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de HTML for Kids, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de HTML for Kids incluye 4 lecciones en total.
Configurar su primera página HTML
¡Le damos la bienvenida a la parte más emocionante del aprendizaje de HTML! Hoy crearemos su primera página HTML desde cero. ¡Prepárese para ver cómo su código cobra vida!
Herramientas necesarias
Para crear una página HTML, solo necesita dos cosas:
- Un editor de texto: Algunos ejemplos son Notepad (Windows), TextEdit (Mac) u otro editor, como VS Code.
- Un navegador web: Chrome, Firefox o cualquier navegador para ver su página.
¡Empecemos a programar!
Abrir el editor de texto
Paso 1: Abra el editor de texto
1. Abra el editor de texto, como Notepad o VS Code.
2. Guarde un archivo nuevo como index.html. ¡Asegúrese de incluir la extensión .html!
¡Ya puede añadir código HTML!
Escribir la estructura básica
Paso 2: Escriba la estructura básica
Todas las páginas HTML necesitan una estructura básica. Escriba el siguiente código en su archivo:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Añadir un encabezado
Paso 3: Añada un encabezado
Dentro de la etiqueta <body>, añada un encabezado a su página:
<h1>Welcome to My First Web Page!</h1>
Añadir un párrafo
Paso 4: Añada un párrafo
Debajo del encabezado, añada un párrafo que describa su página:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Guardar y abrir la página
Paso 5: Guarde y abra la página
1. Guarde el archivo después de escribir el código.
2. Abra el navegador.
3. Arrastre y suelte el archivo index.html en la ventana del navegador.
¡Voilà! ¡Su primera página web ya está disponible!
Su página HTML completa
Este es el aspecto que debería tener el código final:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
¡Excelente trabajo!
¡Enhorabuena por crear su primera página HTML! Ha aprendido a configurar la estructura básica, añadir un encabezado y escribir un párrafo. En la próxima lección, aprenderemos a añadir más elementos interesantes, como imágenes y enlaces, a su página. ¡Siga así!
Aprende HTML con un tutor de IA — gratis
Escribe y ejecuta código real en tu navegador, obtén ayuda instantánea de un tutor de IA disponible 24/7 y continúa donde lo dejaste en la web o en la aplicación.
- Cursos
- 16
- Lecciones
- 35
Preguntas frecuentes
¿La lección «Configuración de su primera página HTML» es gratis?
Sí — el texto completo de «Configuración de su primera página HTML» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de HTML for Kids, actualiza a CoddyKit PRO. El curso de HTML for Kids incluye 4 lecciones en total.
¿Qué aprenderé en «Configuración de su primera página HTML»?
Escriba su primer código HTML utilizando un editor de texto sencillo. Practicas HTML for Kids con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar HTML for Kids?
No se requiere experiencia previa. HTML for Kids en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.
¿Cuánto tiempo toma la lección «Configuración de su primera página HTML»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de HTML for Kids?
Sí. Cada lección de HTML for Kids incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- ¿Qué es HTML?
- Estructura de HTML: los componentes básicos
- Etiquetas y elementos HTML
- Configuración de su primera página HTML