Day 02: HTML Editors
Published: 2023-06-24 02:41:48

> Un simple editor de código es todo lo que necesitas para aprender HTML.

##Aprende usando Notepad
Las páginas web se pueden crear y modificar utilizando editores HTML profesionales.

Sin embargo, para aprender HTML recomendamos un editor de texto simple como Notepad (Windows) o TextEdit (Mac).

Creemos que usar un editor de texto simple es una buena manera de aprender HTML.

Siga los pasos a continuación para crear su primera página web con Notepad.

###Paso 1: Abre Notepad
Abre el editor de texto Notepad de Windows.

###Paso 2: Escribe código HTML
Escriba o copie el siguiente código HTML en Notepad:

```html
<!DOCTYPE html>
<html>
<body>

<h1>Mi primer encabezado</h1>
<p>Mi primer párrafo.</p>

</body>
</html>
```

##Paso 3: Guarda el archivo
Guarde el archivo en su computadora. Seleccione **Archivo** > **Guardar como**. Ejemplo de nombre del archivo `index.html`

![guardar archivo html notepad](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zpba2boaeceh5yvw22km.png)

###Paso 4: Abre el documento en el navegador
Abra el archivo HTML guardado en su navegador favorito (haga doble clic en el archivo o haga clic con el botón derecho y elija "Abrir con").

El resultado se parecerá mucho a esto:

![Documento html en el navegador](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kkkkpkrab7baixwv881p.png)

A modo personal, recomendamos los siguientes editores de código para aprender HTML, cuentan con más características que Notepad.

##Visual Studio Code
![Visual Studio Code editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zbjl3s70mqgipllgdn6s.png)

[Visual Studio Code](https://code.visualstudio.com/download) es un editor de código fuente desarrollado por Microsoft. Es un software libre y multiplataforma, está disponible para Windows, Linux y macOS. VS Code tiene una buena integración con Git, cuenta con soporte para depuración de código, y dispone de un sin número de extensiones, que básicamente te da la posibilidad de escribir y ejecutar código en cualquier lenguaje de programación. Su instalación es bastante sencilla.

##Codepen
![Codepen editor online](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hjjz28t9rzbzfik4yke1.png)
[Codepen](https://codepen.io/your-work) es un editor de código en línea para probar y mostrar fragmentos de código HTML, CSS y JavaScript creados por el usuario. Funciona como un editor de código en línea y un entorno de aprendizaje de código abierto, donde los desarrolladores pueden crear fragmentos de código y probarlos.

##Stackblitz
![Stackblitz editor online](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k1a33id2mcomnx07ibjq.png)
[Stackblitz](https://stackblitz.com/) es un IDE en la nube que te permite crear aplicaciones web. Eso quiere decir que no tienes que instalar nada para crear tu aplicación.

##Resumen
Los editores de texto simples son suficientes para aprender HTML. Visual Studio Code es un editor de código fuente libre y multiplataforma con integración con Git y soporte para depuración de código, que dispone de muchas extensiones y es fácil de instalar. CodePen es un editor de código en línea para probar y mostrar fragmentos de código HTML, CSS y JavaScript, mientras que Stackblitz es un IDE en la nube para crear aplicaciones web sin necesidad de instalar nada.

---

_Traducido con 💚 desde [W3Schools.com](https://www.w3schools.com/html/default.asp)_

<a href="https://www.buymeacoffee.com/xantosromero" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-yellow.png" alt="Buy Me A Coffee" height="41" width="174"></a>