Create homepage
Intro
Before we can create our HTML file, we need to create a project folder.
Steps
Create project folder
To create a project folder, go into your File Explorer or Finder and navigate to your Desktop folder. Then create a new folder and name it boilerplate
.
Note: You don’t have to put the folder on your Desktop. You can put the folder somewhere else besides your Desktop as long as you can find it later.
Open project folder in VS Code
Open up VS Code if you don’t already have it open.
Go to File > Open… and then navigate to your Desktop folder.
Click on the folder we just created called boilerplate
and click Open.
You may see a dialog box appear that says “Do you trust the authors of the files in this folder?”. You can select “Yes, I trust the authors”.
This feature is designed to protect you when running projects downloaded from the internet.
However, since we just created this folder, we can trust it.
Create HTML file
To create a new file in this folder, go over to the Explorer and click on the New File button, which looks like a piece of paper with a plus sign. This should create a text box in the Explorer.
The first page you’ll want to create is the home page.
The file name for the home page is always called index.html
, so we’ll type index.html
in the text box, and then press Enter.
The file should automatically open up inside the editor.