HTML Basics: Web Foundations
Chapter Overview
Understanding the Internet
Frontend and Backend Explained
Introduction to HTML, CSS, and JavaScript
Setting Up Your Environment
Chapter Overview
Introduction to HTML
Writing, Previewing, and Testing HTML
Hands on Practice
Understanding HTML Elements
Knowledge Check
Basic Tags and Attributes
Hands on Practice
Task : Replicate a Page Section
HTML Lists
Hands on Practice
Task : Create a Navbar and Footer
HTML Tables
Hands on practice
HTML Forms
Hands on practice
HTML Entities
Quick kickstart
Task : Add a Contact Form with Navigation
All Courses HTML Basics: Web Foundations Setting Up Your Environment
Setting Up Your Environment
Rishi and Varsheni
Sep 2, 2024
Installing Visual Studio Code (VS Code)

1.Download VS Code:

2.Install VS Code:

  • Open the downloaded installer file.
  • Follow the installation prompts to complete the setup.
Installing Essential Extensions

1.Open VS Code:

  • Launch the Visual Studio Code application.

2.Install Extensions:

  • Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window or pressing Ctrl+Shift+X (Windows/Linux) or Cmd+Shift+X (macOS).
  • Search for and install the following extensions:
    • HTML/CSS Support
    • JavaScript (ES6)
    • Prettier (for code formatting)
    • Live Server (for real-time preview)
Have a doubt?
Post it here, our mentors will help you out.