Código Real
Apóyame
HTML5

Curso de HTML

Construye la estructura de la web.

Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.

¿Qué es HTML?

AnteriorSiguiente

Antes de escribir una sola línea de código, entendamos qué es HTML y para qué sirve. Es el punto de partida de todo lo que viene.

Cargando editor...
Resultado
Preparando resultado...
Agrega tu propia etiqueta debajo, por ejemplo <h2>Mi etiqueta</h2>, y observa cómo aparece en el resultado.

Explicación

HTML (HyperText Markup Language) es el lenguaje de marcado que describe la estructura de una página web: qué es un título, qué es un párrafo, qué es una imagen. No es un lenguaje de programación, sino un sistema de etiquetas que el navegador interpreta.

<h1>

Etiqueta de encabezado principal, la más importante de la página.

<p>

Etiqueta de párrafo, para bloques de texto normal.

<strong>

Resalta texto importante; el navegador lo muestra en negrita.

Reto rápido

Agrega un segundo párrafo con tu nombre y usa <strong> para resaltar una palabra dentro de él.

En esta lección

  • Ejemplo interactivo
  • Explicación de cada etiqueta
  • Cuándo usarlo
  • Errores comunes

Consejo

Las etiquetas casi siempre van en pares: una de apertura <etiqueta> y otra de cierre </etiqueta>, con el contenido en el medio.

Dato extra

HTML no tiene lógica ni cálculos como un lenguaje de programación: solo describe la estructura y el significado del contenido.

Error común

Olvidar los signos < > alrededor del nombre de la etiqueta, o escribir mal el nombre (por ejemplo h1> en vez de <h1>).

Siguiente paso

Ya sabes qué es HTML. Ahora veamos cómo tu navegador convierte ese código en la página que ves.

Ir a la siguiente lección