Course Content
Section 1: Introduction
You can copy this EXACT structure directly into Tutor LMS → Courses → Curriculum.
0/2
What is HTML?
How to Set Up Your Coding Environment
HTML Basics
You can copy this EXACT structure directly into Tutor LMS → Courses → Curriculum.
0/2
HTML Document Structure
Headings, Paragraphs & Comments
Test Course

⭐ How to Set Up Your Coding Environment

Before you start writing HTML code, you need to set up a simple and comfortable coding environment on your computer. The good news? You don’t need any expensive software — everything is free!

⭐ 1. Install a Code Editor

A code editor is a software where you write your HTML code.

✔ Recommended: Visual Studio Code (VS Code)

It is free, lightweight, and perfect for beginners.

Steps to install:

  1. Go to the official website

  2. Download VS Code (Windows, Mac, or Linux)

  3. Install and open it

Other editors you can use:

  • Notepad++

  • Sublime Text

  • Atom

VS Code is still the best option because it has extensions, themes, and helpful tools.

⭐ 2. Create a Folder for Your Projects

Organizing your files is important.

Steps:

  1. Create a new folder on your desktop

  2. Name it something like HTML-Practice

  3. Open this folder in VS Code

This will be your workspace.

⭐ 3. Create Your First HTML File

Inside your project folder:

  1. Click on New File

  2. Name it: index.html

  3. Add some basic HTML code:

 
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>

⭐ 4. Open the File in Your Browser

You can use any browser:

  • Google Chrome

  • Firefox

  • Edge

Steps:

  1. Right-click on index.html

  2. Select Open with → Chrome

  3. You’ll now see your first webpage!

⭐ 5. (Optional But Recommended) Install Live Server

Live Server is a VS Code extension that shows changes instantly without refreshing.

Steps:

  1. Open VS Code

  2. Go to Extensions

  3. Search Live Server

  4. Install

  5. Right-click index.html → “Open with Live Server”

Now every time you save your file, the browser updates automatically.

⭐ Summary

To set up your coding environment:

  1. Install VS Code

  2. Create a project folder

  3. Create an HTML file

  4. Open it in the browser

  5. Use Live Server for faster development

Your HTML coding environment is ready!

Previous
Next
Scroll to Top