Bueno, vamos ahora a crear nuestro primer código utilizando Visual Studio Code, les recuerdo que estos pasos se lo hizo también con SUBLIMETEXT 3, se preguntarán entonces, porque lo hacemos si ya conocemos este otro programa, bueno pues recordemos que estamos en un proceso de aprendizaje y no se quiere dejar pasar por alto estas herramientas, ustedes decidirán cual de ellas les es más eficiente o más cómoda para trabajar, así que bueno, hagámoslo; con el programa iniciado VSC, crearemos un nuevo archivo, así:
Si das clic en nuevo archivo, aparece un cuadro de texto allí vamos a escribir index.html, inmediatamente VSC reconoce el tipo y coloca su icono en color tomate, miremos la imagen y claro, ustedes van haciendo igual en su computador:
El siguiente paso: como ya el programa reconoce que se trata de un archivo HTML, escribiremos la primera sentencia en el área de trabajo "html" y nos muestra una lista, elegiremos HTML 5: entonces el programa automaticamente completará la estructura total del nuestra página web, hazlo, debe quedar así:
y luego así:
Añadimos en la zona Title y colocamos UELAM WEB, y en la zona body, escribe p y dale ENTER, la etiqueta <p> parrafo se autocompleta, allí añadimos así:
<p>Ejemplo de mi primer sitio web</p>
Guarda con CTRL + S
Abre la carpeta donde guardaste el archivo y ejecutalo con el navegador
FIREFOX QUANTUM DEVELOPER y listo hemos construido nuestro primer archivo HTML5
con VSC.
Si das clic en nuevo archivo, aparece un cuadro de texto allí vamos a escribir index.html, inmediatamente VSC reconoce el tipo y coloca su icono en color tomate, miremos la imagen y claro, ustedes van haciendo igual en su computador:
El siguiente paso: como ya el programa reconoce que se trata de un archivo HTML, escribiremos la primera sentencia en el área de trabajo "html" y nos muestra una lista, elegiremos HTML 5: entonces el programa automaticamente completará la estructura total del nuestra página web, hazlo, debe quedar así:
y luego así:
Añadimos en la zona Title y colocamos UELAM WEB, y en la zona body, escribe p y dale ENTER, la etiqueta <p> parrafo se autocompleta, allí añadimos así:
<p>Ejemplo de mi primer sitio web</p>
Guarda con CTRL + S
Abre la carpeta donde guardaste el archivo y ejecutalo con el navegador
FIREFOX QUANTUM DEVELOPER y listo hemos construido nuestro primer archivo HTML5
con VSC.
Comentarios
Publicar un comentario