Editores HTML

Ya sabes que HTML es marcado dentro de un archivo de texto. Esta lección se centra en la herramienta con la que escribes ese archivo: un editor HTML. Elegir una herramienta de texto plano mantiene las etiquetas limpias y facilita abrir tus primeras páginas en el navegador.

¿Qué es un editor HTML?

Un editor HTML es cualquier programa que te permite escribir y guardar texto plano como un archivo .html. Al navegador no le importa la marca. Solo necesita marcado correcto y un archivo que pueda abrir. Los editores van desde bloc de notas pequeños hasta editores de código con resaltado y explorador de archivos.

Respuesta directa: ¿qué deben usar los principiantes?

Empieza con un editor de código gratuito como Visual Studio Code, o incluso el Bloc de notas de Windows / TextEdit en modo texto plano en macOS. Evita Microsoft Word, Google Docs u otros procesadores de texto para las lecciones de HTML. Esas apps están hechas para documentos imprimibles y a menudo insertan formato oculto que rompe las páginas web.

Editores de texto plano frente a editores de código

Un editor de texto plano guarda solo los caracteres que escribes. Eso basta para HTML. Un editor de código sigue guardando texto plano, pero añade funciones útiles:

• resaltado de sintaxis para leer mejor etiquetas y texto
• números de línea para encontrar errores
• carpetas y varios archivos en una ventana
• extensiones opcionales más adelante (no hacen falta en este curso)
  No necesitas un IDE de pago para aprender HTML.

Para qué sirve este archivo de práctica

Copia el ejemplo en tu editor, guárdalo como editor-practice.html y ábrelo en Chrome, Firefox, Edge o Safari. Si ves el encabezado y el párrafo, el editor y el guardado funcionan.

Cómo crear tu primer archivo HTML

1. Abre el editor y crea un archivo nuevo
2. Pega o escribe un documento HTML básico
3. Guarda el archivo con un nombre que termine en .html (por ejemplo index.html)
4. Si el editor pregunta por la codificación, elige UTF-8 cuando esté disponible
5. Abre el archivo guardado en un navegador (doble clic o arrastra el archivo a la ventana)
   En el Bloc de notas de Windows usa Guardar como, pon el tipo en Todos los archivos y escribe tú la extensión .html para que no quede como .txt.

Editores en línea y las cajas Try-it de este sitio

Los entornos en línea permiten editar HTML en el navegador sin instalar software. Sirven para pruebas rápidas. En este curso practica también con un archivo .html local para aprender el flujo real de guardar y abrir. Cuando una lección muestre una caja Try-it, puedes ejecutarla allí y recrear el mismo marcado en tu editor.

Opciones gratuitas recomendadas

Estas son elecciones habituales para principiantes (cualquiera vale):

• Visual Studio Code — editor de código gratuito popular
• Notepad++ (Windows) — ligero con resaltado
• Sublime Text — editor rápido (evaluación gratuita)
• Bloc de notas / TextEdit en texto plano — suficiente para las primeras lecciones
  Elige una herramienta y quédate con ella un tiempo para que el flujo se vuelva automático.

Errores comunes

• Escribir HTML en Word o Docs y exportar sin entender el marcado extra que añaden
• Guardar por accidente como .txt y preguntarte por qué el navegador muestra etiquetas crudas
• Editar el archivo y olvidar guardar antes de actualizar el navegador
• Usar modo de texto enriquecido que cambia comillas o inserta puntuación tipográfica en atributos
• Esperar que el editor «ejecute» HTML solo — el navegador muestra la página; el editor solo guarda el código fuente

Resumen

• HTML se escribe como texto plano en un editor y se guarda como .html
• Los editores de código ayudan con el resaltado; las herramientas tipo Bloc de notas también sirven
• Evita procesadores de texto para aprender el marcado HTML
• Guarda y luego abre o actualiza el navegador para ver los cambios
• Los editores en línea son prácticos; los archivos locales enseñan el flujo real
• Un editor constante es mejor que cambiar de herramienta en cada lección