Scribd
Cargar
6 vistas5 páginas

Instalación y Creación de HTML en VS Code

Cargado por

ca.calderon125
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
6 vistas5 páginas

Instalación y Creación de HTML en VS Code

Cargado por

ca.calderon125
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Instalación de visual studio code

[Link]

Creando nuestra página de HTML

1. Creamos una carpeta para almacenar nuestros archivos

2. Creamos un archivo llamado [Link]

3. Instalamos la siguiente extensión


4. Colocamos la siguiente etiqueta de encabezado (títulos, encabezados) en
nuestro archivo [Link] <h1>Hola Mundo</h1> y guardamos nuestros
cambios

5. Ejecutamos nuestra página usando la extensión recién instalada y damos en


Go live

Deberíamos ver lo siguiente

6. Creamos una capeta llamada css y un nuevo archivo para los estilos de
nuestra pagina
7. Vamos agregar las etiquetas principales de html

8. En la parte de head vamos a agregar el llamado a nuestro archivo de estilos

9. Vamos a agregar una referencia a nuestro body para que se pueda ajustar el
estilo desde nuestro archivo css
En el archivo .html

En el archivo .css
10. Vamos a agregar una etiqueta a nuestros títulos
Archivo html

Archivo css

11. Vamos a agregar imágenes tenemos 2 formas de hacerlo usando la url de una
imagen

O referenciándola en una ruta local

Para esta opción vamos a crear una carpeta por ejemplo img y ponemos
nuestra imagen en esa carpeta, las imágenes tienen que se de extensión .jpg
.png entre otras
12. Redimensionar una imagen agregamos la clase de imagen para poder
redimensionar la imagen desde nuestro css

También podría gustarte