HTML Setup

Let's code! Here, we'll install the tools you need to compose HTML and see your web pages in the browser.

What should you know before starting HTML?

Good news! You don’t need to know anything before starting HTML. It’s the easiest and most basic language of the web. It’s perfect for beginners who are just starting their coding journey. 🚀

Tools Required to Write HTML

You need two basic tools to write and view your HTML:

1 HTML Editor

Here is where you will code. You can use any text editor, but we will be using Visual Studio Code because it's light and heavy-duty.

Even Notepad works! But VS Code makes coding faster and easier.

Web Browser

The browser reads your HTML and shows it as a web page. It doesn’t show the tags, just the final result.

Setting Up Visual Studio Code for HTML Development

In this guide, we’ll install and set up Visual Studio Code (VS Code), one of the most popular and free code editors used by developers all over the world.

⬇ Step 1: Download VS Code

Just search "Visual Studio Code download" on Google and choose the version that matches your operating system (Windows, Mac, or Linux).

For example, we’ll install it on Windows in this tutorial.

You can also watch a short video for a step-by-step installation guide.

Step 2: Install the Live Server Extension

After installing VS Code, we’ll add a useful extension called Live Server.

This extension creates a local server on your computer and reloads your webpage automatically every time you save the file. It’s super helpful while writing HTML!

Watch a quick video on how to install the Live Server extension.

What’s Next?

Next lesson, we'll begin coding our very first HTML code and study the HTML document structure. Prepare to create your very first web page!

Try it Yourself