Editor HTML para principiantes

El punto de partida perfecto para aprender HTML: escriba código y vea los resultados al instante.

Introducción

Aprender HTML es uno de los primeros pasos en el desarrollo web. Nuestro editor HTML apto para principiantes facilita el inicio: simplemente escriba el código y vea los resultados. Sin configuraciones complicadas ni funciones IDE confusas: solo un editor simple y una vista previa en vivo.

Comenzando con HTML

HTML (lenguaje de marcado de hipertexto) es el lenguaje estándar para crear páginas web. Utiliza etiquetas para definir la estructura y el contenido de una página. Aquí están los conceptos básicos:

  • Etiquetas: los elementos HTML se definen con etiquetas como

    ,

    ,

  • Atributos: las etiquetas pueden tener atributos como clase, id, href
  • Anidación: las etiquetas se anidan unas dentro de otras para crear una estructura.
  • Etiquetas de cierre: la mayoría de las etiquetas tienen una etiqueta de apertura y una de cierre:

    ...

Tu primera página HTML

Copie esto en HTML Code Runner y haga clic en Ejecutar:

<!DOCTYPE html>
<html>
<head>
  <title>My First Page</title>
</head>
<body>
  <h1>Welcome!</h1>
  <p>This is my first HTML page.</p>
  <a href="https://example.com">A link</a>
</body>
</html>

Cosas para probar

  1. Cambie el texto del encabezado y véalo actualizado.
  2. Agregue un segundo párrafo con la etiqueta

  3. Cree una lista desordenada con
      y
  4. Agregue una imagen con
  5. Agregue color con un estilo en línea: style="color: blue;"
  6. Crea un botón con

Recursos de aprendizaje

Consejos para principiantes

  • Comience siempre con
  • Cierra todas las etiquetas que abras
  • Utilice sangría para mantener su código legible
  • Pruebe con frecuencia: ejecute su código cada pocos cambios
  • No tengas miedo de romper cosas, así se aprende

Preguntas frecuentes

No. HTML suele ser el primer idioma que aprende la gente. Es descriptivo (usted describe lo que quiere ver) en lugar de procedimental.

Puedes aprender HTML básico en unas pocas horas. Dominar todos los elementos y las mejores prácticas requiere semanas de práctica.

Comience con HTML. Una vez que pueda crear la estructura de la página, agregue CSS para darle estilo. Luego pase a JavaScript para lograr interactividad.

Recursos relacionados