Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
En esta lección crearás tu primera página web con HTML. Es el punto de partida para todo lo que viene. Escribe el código en el editor y observa el resultado en tiempo real.
Explicación
Este ejemplo contiene la estructura básica de un documento HTML:
<!DOCTYPE html>Le indica al navegador que el documento es HTML5.
<html lang="es">Etiqueta raíz que contiene todo el documento. El atributo lang define el idioma.
<head>Contiene información del documento, como el título y metadatos.
<meta charset="UTF-8">Define la codificación de caracteres (permite usar tildes y ñ).
<title>Es el título que se muestra en la pestaña del navegador.
<body>Contiene todo el contenido visible de la página.
<h1>Es un título principal.
<p>Es un párrafo de texto.
Reto rápido
Modifica el código y cambia el título y el párrafo por una presentación personal.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Siempre comienza tus proyectos con la estructura básica. Te evitará muchos problemas más adelante.
Dato extra
Puedes cambiar el título y volver a la pestaña del navegador para ver cómo se actualiza en tiempo real.
Error común
Olvidar cerrar las etiquetas. Por ejemplo: <h1>Hola (sin </h1>), puede causar resultados inesperados.
Siguiente paso
Ahora que ya tienes tu primera página, continúa con la estructura del documento.
Ir a la siguiente lección