How to create and link HTML, CSS and JavaScript pages in Visual Studio Code

Published: 08 February 2021
on channel: Zen

30,728

211

In this video we will create an empty HTML, CSS and JavaScript files and then link them all together so we can start making web pages.

This is just a simple refresher on how to setup a webpage in Visual Studio Code so that you are ready to add content.

This video acts as a start for many of my video series

Chapters:

0:00 Video Intro
0:44 Opening working (root) folder
1:45 Root folder explanation
2:14 Where to save the HTML file
2:37 Why do we need CSS files and where to put them
4:36 Where to put images/videos and other assets
5:04 Where to put your JavaScript files
5:14 What is SCSS?
6:00 Where to put your fonts
6:43 Creating a subfolder in VSC
7:18 Create an empty HTML file
7:48 Use Emmet/autocomplete to create blank HTML code
8:12 Create JavaScript file
8:26 Create CSS file
8:50 Dragging files into different folders
9:19 Delete a file
9:46 Create the CSS external link
10:20 What is a relative link
11:46 Overview of an absolute link address
12:01 Create the relative JavaScript file link

On this page of the site you can watch the video online How to create and link HTML, CSS and JavaScript pages in Visual Studio Code with a duration of hours minute second in good quality, which was uploaded by the user Zen 08 February 2021, share the link with friends and acquaintances, this video has already been watched 30,728 times on youtube and it was liked by 211 viewers. Enjoy your viewing!

4,045