Para crear un documento HTML, es necesario contar con un editor en el que escribirlo. Uno de los más conocidos es Visual Studio Code, por su facilidad a la hora de usarlo, tanto para estos documentos, como documentos CSS o Javascript. Para ello, el primer paso es hacer el documento. Pero, ¿cómo crear una página HTML en Visual Studio Code?
¡Despegamos y te lo explico en 3 sencillos pasos!
Índice de Contenidos
Paso 1: Crea un nuevo archivo HTML en Visual Studio Code
El primer paso para crear la página HTML en Visual Studio Code será hacer un nuevo archivo. Para ello, puedes utilizar tres maneras diferentes:
- Desde el menú de Archivo > Nuevo archivo.
- Directamente en la portada de Visual Studio Code, clica en ‘Nuevo archivo’.
- ¡Mucho más fácil! Utiliza el atajo Ctrl + N y sáltate el paso dos.
Paso 2: Elige el tipo de archivo
Una vez selecciones la opción de crear un nuevo archivo, la barra superior de Visual Studio Code te mostrará dos opciones:
- Crear un archivo de texto.
- Jupyter Notebook.
Para crear correctamente una página HTML en Visual Studio Code, pincha en ‘Archivo de texto’.
* Recuerda que si utilizas el atajo Ctrl + N al abrir el programa, te saltarás este paso.
Paso 3: Convierte el archivo en HTML
Con los pasos anteriores has creado ya un archivo. Sin embargo, aún no has definido que quieres que sea HTML. Y ahora es el momento de hacerlo.
Para ello, tienes dos opciones:
Crear página HTML con la barra de búsqueda
La más fácil, es hacerlo a través de la barra de búsqueda. Para desplegarla, debes utilizar la siguiente combinación de teclas:
- Ctrl + K.
- M.
Tras clicar la ‘M’, aparecerá el menú, en el que tendrás que seleccionar la opción ‘HTML‘. Una vez lo hagas, ya habrás creado tu archivo HTML.
Crear página HTML guardando el archivo
El paso de guardar el archivo, que normalmente es un trámite de buscar en qué carpeta queremos que se guarde, es importante en este caso. Tras darle el nombre que quieras en la parte inferior de la ventana, elige que quieres que sea de tipo ‘HTML’ entre las numerosas opciones.
Clica en ‘Guardar’ y ya tendrás preparado tu nuevo archivo HTML.
Conclusión
Como has visto, crear una página HTML en Visual Studio Code es una tarea que no te llevará más de uno o dos minutos. Además, es un método que puede aplicar, también, para crear cualquier otro tipo de archivo en este programa. Solo tienes que seleccionar este tipo de documento en vez de HTML y comenzar a editarlo.
Eso sí, antes de editar tu nueva página HTML en Visual Studio Code recuerda: comienza siempre con su estructura básica. Si no sabes cómo hacerlo, te dejo aquí un breve y fácil artículo para que aprendas a crear la estructura HTML en tan solo 5 segundos.
