Aprende HTML en 8 pasos y crea tu propia web: curso gratis con diploma

💻 Practica desde el primer minuto: escribes código real y ves el resultado al instante, también en el móvil.

🎓 Diploma gratis: supera el examen final y descárgalo escribiendo tu nombre y tu correo.

¿Quieres aprender HTML sin instalar nada? En este laboratorio gratuito empiezas con una página en blanco y, en 8 pasos, terminas con tu propia web. Cada paso añade algo nuevo a lo que ya has creado, así que aprendes HTML construyendo desde el principio.

Qué es HTML

HTML es el lenguaje que da estructura a las páginas web. Le dice al navegador qué es un título, un párrafo, un enlace o una imagen. No es un lenguaje de programación, sino de marcado: en vez de dar órdenes, etiqueta el contenido. Junto a CSS, que le da el aspecto, y JavaScript, que añade interacción, es una de las bases de la web.

Las etiquetas HTML básicas que vas a usar

HTML tiene más de 100 etiquetas, pero no hace falta memorizarlas para empezar. Este laboratorio usa solo las que necesitas para crear una primera web completa:

EtiquetaPara qué sirveEjemplo
<h1> y <h2>Títulos y subtítulos<h1>Mi web</h1>
<p>Párrafos de texto<p>Hola</p>
<strong>Resaltar lo importante<strong>clave</strong>
<a>Enlaces a otras páginas<a href=»url»>Ver</a>
<img>Imágenes<img src=»foto.jpg» alt=»Texto»>
<ul> y <li>Listas y sus elementos<ul><li>Uno</li></ul>
<style>Añadir estilos con CSSh1 { color: blue; }
<html>, <head>, <body> y <title>La estructura de la páginaContenedor, datos, contenido y nombre

Por qué hemos elegido estas etiquetas

Las hemos elegido por tres razones:

  • Resuelven lo que casi toda web necesita: títulos, texto, enlaces, imágenes y listas.
  • Enseñan las ideas importantes de HTML: apertura y cierre, atributos, anidar etiquetas y elementos sin cierre como <img>. Si entiendes esto, las demás etiquetas se aprenden mucho más rápido.
  • Dan un resultado visible al momento: cada paso cambia algo en tu página, y eso ayuda a seguir.

También incluimos un paso para cazar errores, porque saber detectar una etiqueta sin cerrar o unas comillas olvidadas te será útil siempre, también al revisar el código que genera la inteligencia artificial.

Los 8 pasos del laboratorio

PasoQué haces
1. TítuloEscribes tu nombre con <h1>
2. TextoTe presentas con párrafos y palabras resaltadas
3. EnlaceConectas tu página con otra
4. ImagenAñades una foto y la describes
5. ListaEnumeras lo que te gusta
6. ErroresCorriges 3 fallos muy habituales
7. EstiloCambias colores y formas con CSS
8. PublicaciónLe pones nombre, la descargas y ves cómo subirla

Si un paso no te sale a la primera, pulsa Repetir y vuelve a empezarlo. Tu progreso se guarda en tu navegador, y al final puedes hacer el examen: con 6 aciertos de 8 consigues el diploma.

A quién va dirigido este curso de HTML

  • Personas que empiezan desde cero y nunca han visto código.
  • Estudiantes que quieren una primera toma de contacto con el desarrollo web.
  • Profesionales de marketing, contenidos y diseño que tocan páginas o correos a menudo.
  • Quienes usan WordPress u otros gestores y quieren entender qué hay detrás.
  • Quienes generan webs con IA y necesitan leer y corregir el resultado.

Si ya programas, este laboratorio te resultará básico. Puedes hacer el examen directamente o ir a los cursos avanzados de abajo.


Cursos para seguir mejorando en HTML

Cuando termines, puedes seguir por este orden:

Y si te interesa la programación en general, tienes todos los cursos gratuitos de programación.

Preguntas frecuentes sobre aprender HTML

¿Es difícil aprender HTML?

No. Es uno de los lenguajes más accesibles para empezar en la web, porque su estructura es lógica y ves el resultado enseguida. Con las etiquetas de este laboratorio ya puedes crear una página sencilla.

¿Necesito instalar algo?

No. Todo funciona en tu navegador. Después, para seguir por tu cuenta, basta con un editor de texto y un navegador.

¿Puedo hacer el curso desde el móvil?

Sí. Hemos añadido botones con las etiquetas para que escribas lo mínimo y puedas cambiar entre código y resultado con un toque.

¿HTML es un lenguaje de programación?

No, es un lenguaje de marcado: describe el contenido, pero no incluye la lógica propia de la programación, como las condiciones o los bucles.

¿Cómo publico mi web?

En el paso 8 descargas tu archivo index.html. Luego puedes subirlo a un servicio con plan gratuito, como Netlify o GitHub Pages, y compartir el enlace.

¿El diploma es oficial?

No es una titulación oficial. Es un reconocimiento gratuito de AprenderGratis.es por superar el examen final.

Más cursos gratuitos para seguir aprendiendo