HTML: The Basics
Introduction
In this tutorial I will teach you how to create a basic HTML document from scratch and together we will create a basic document..
Getting Started
To get started with this tutorial you will need to download and install a text editor. I recommend Visual Studio Code by Microsoft. It is a great open source editor that is extremely fast, cross-platform and comes with lots of good features and tons of addons. To download it visit the website code.visualstudio.com. Once you have downloaded and installed the editor, open it up and you should see a screen a little like the one below.
Now you've opened the editor, navigate to the top menu bar, select file, then new file. Once you have selected that it will open a new empty file in the editor. Be sure to save it first thing so you can open it in the browser and obtain syntax hylighting within VS Code. Save the newly created file as index.html, as shown in the image below.
The next stage is to create the basic HTML5 document structure (as shown below in the image). At first it might look like quite a lot, considering you have to re-create all this for every html document you create. Luckily, there's a much easier way. Simply press the exclamation mark button then press the tab key. You'll notice that in just two keystrokes it creates all this boilerplate jargon just like that.
And that is it. You've successfully created your own HTML5 document in VS Code. Still feeling under challenged? Checkout the amazing video courses on this page from Learncode.academy who creates some truly great content.