Curso HTML

Curso de HTML para Principiantes

Módulo 1: Introducción al HTML

🎯 Objetivo

Que el alumno entienda qué es HTML, cómo se estructura una página web y pueda crear su primer documento básico.

1. ¿Qué es HTML?

HTML (HyperText Markup Language) es el lenguaje que define la estructura de las páginas web.
No es un lenguaje de programación, sino de marcado: usamos etiquetas para indicar qué representa cada parte del contenido.
Los navegadores (Chrome, Firefox, Edge…) leen este código y lo muestran como páginas visuales.

2. Anatomía de un documento HTML

Todo archivo HTML sigue una estructura básica:

html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Mi primera página</title>
</head>
<body>
  <h1>¡Hola mundo!</h1>
  <p>Este es mi primer párrafo en HTML.</p>
</body>
</html>

🔎 Explicación:

<!DOCTYPE html> → indica que usamos HTML5.
<html lang="es"> → abre el documento y define el idioma.
<head> → contiene información para el navegador (título, codificación, estilos).
<body> → contiene lo que el usuario verá en pantalla.

3. Guardar y abrir tu primera página

Abre un editor de texto (Visual Studio Code, Sublime Text, incluso el Bloc de notas).
Copia el código anterior.
Guarda el archivo como index.html.
Haz doble clic en el archivo: se abrirá en tu navegador mostrando el título y el párrafo.

4. Ejercicio práctico

👉 Crea un archivo index.html con:

Un título principal (<h1>) con tu nombre.
Un párrafo (<p>) explicando por qué quieres aprender HTML.

5. Conceptos clave del módulo

HTML organiza contenido con etiquetas.
Cada documento tiene una estructura básica: html, head, body.
El navegador interpreta el código y lo convierte en una página visual.

📌 Mini-reto: Añade un segundo párrafo con una frase divertida y observa cómo aparece en tu navegador.

HTML	MÓDULOS
Curso de HTML para Principiantes	MODULO 2. Etiquetas Básicas
	SIGUIENTE PÁGINA