Curso de HTML

Construye la estructura de la web.

Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.

Publica tu trabajo

Ya tienes el HTML completo. Esta última lección es conceptual: cómo nombrar y subir tu archivo para que cualquiera pueda ver tu página en internet, no solo tú en este editor.

Cargando editor...

Resultado

Preparando resultado...

Fíjate en el nombre sugerido del archivo en el texto: index.html no es un nombre cualquiera, es una convención que los servidores web reconocen automáticamente.

Explicación

Ya tienes el HTML: publicarlo es más sencillo de lo que parece. Estos son los pasos:

index.html

El archivo principal de un sitio siempre se llama así: los servidores web lo sirven automáticamente al entrar a la raíz del dominio, sin que tengas que escribir el nombre del archivo en la URL.

GitHub Pages

Sube tu carpeta a un repositorio de GitHub y activa Pages en Settings → Pages: tu sitio queda publicado en una URL gratuita.

Netlify Drop

Alternativa sin usar git: arrastras la carpeta del proyecto a netlify.com/drop y obtienes un link público al instante.

<meta name="description">

El texto que buscadores y redes sociales muestran al compartir el link de tu página; sin él, muestran un resumen genérico o vacío.

Reto rápido

A este <head> le falta el <meta name="description"> que resume la página para buscadores y redes sociales. Agrégalo.

En esta lección

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

Consejo

Prueba siempre tu página abriendo el archivo index.html localmente en el navegador antes de subirla: si algo se ve mal ahí, se verá mal también publicado.

Dato extra

Las rutas relativas que usaste en tus <img> y <a> (del módulo de Enlaces e imágenes) siguen funcionando igual una vez publicado, siempre que subas también esos archivos junto al HTML.

Error común

Nombrar el archivo principal de otra forma (por ejemplo "pagina.html" o "Home.html"): la página existe y funciona, pero no carga sola al entrar a la URL raíz del sitio — hay que escribir el nombre completo en la dirección.

Siguiente paso

¡Felicidades, terminaste el curso completo de HTML! Ya sabes construir y publicar una página real desde cero. Los cursos de CSS y JavaScript de Código Real están en camino para que le des estilo y comportamiento a lo que ya sabes construir.

Próximo módulo (pronto)