Ruta HTML

HTML para principiantes

HTML es el punto de partida de cualquier página web. Empieza aquí si nunca has escrito una línea de código.

Qué es HTML y estructura básicaLas etiquetas mínimas que necesita toda página

Disponible

Textos, enlaces e imágenesPróximamente

Listas y tablasPróximamente

Formularios básicosPróximamente

Lección 1 — Qué es HTML y estructura básica

HTML (HyperText Markup Language) no es un lenguaje de programación como tal: es un lenguaje de marcado. Su trabajo es decirle al navegador qué es cada cosa dentro de una página — esto es un título, esto es un párrafo, esto es una imagen — para que sepa cómo mostrarlo.

Cada pieza de HTML se llama etiqueta (tag). La mayoría van por parejas: una etiqueta de apertura, el contenido, y una etiqueta de cierre con una barra /:

ejemplo.html

<p>Esto es un párrafo.</p>

Toda página HTML necesita un mínimo de estructura para funcionar correctamente en cualquier navegador. Estas son las piezas obligatorias:

<!DOCTYPE html> — le dice al navegador que es una página HTML moderna. Siempre va en la primera línea.
<html> — envuelve toda la página.
<head> — información que no se ve directamente (el título de la pestaña, la codificación de caracteres, etc.).
<body> — todo lo que sí se ve: textos, imágenes, botones...

index.html

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Mi primera página</title>
</head>
<body>

  <h1>¡Hola, mundo!</h1>
  <p>Esta es mi primera página HTML.</p>

</body>
</html>

<h1> es un título principal (hay hasta <h6>, de mayor a menor importancia) y <p> es un párrafo de texto normal. Con estas cinco etiquetas — html, head, title, body y p — ya tienes una página real y válida.

💡 Pruébalo tú mismo: copia el código de arriba en un archivo nuevo, guárdalo como index.html y ábrelo haciendo doble clic. Se abrirá en tu navegador mostrando "¡Hola, mundo!" — acabas de crear tu primera página web.