Getting Started with HTML

beginner

What You'll Learn

Theory

Before writing HTML, you need two essential tools: a text editor to write code and a web browser to view it.

Development Tools

Any text editor works — VS Code, Sublime Text, or even Notepad. Modern browsers like Chrome, Firefox, or Edge include Developer Tools (F12) that let you inspect and debug HTML in real time.

Basic Document Structure

Every HTML document follows a standard skeleton:

<!DOCTYPE html> — declares the document as HTML5
<html> — the root element wrapping all content
<head> — contains metadata (title, character set, stylesheets)
<body> — holds all visible content

Your First Page

An HTML file uses the .html extension. Open it in a browser by double-clicking or dragging it into the browser window.

Why this matters

Understanding HTML document structure is the foundation of all web development. Every webpage you visit — from simple blogs to complex web apps — starts with this same basic skeleton.

What's next

In the next lessons, you'll dive deeper into each topic with hands-on examples and exercises.

Minimal HTML Document

html

Exercises

Create Your First HTML File

easy

Create a complete HTML document with the title 'My Webpage', a main heading 'Welcome!', and a paragraph describing what you want to learn.

Starter Code:

<!-- Write your HTML here -->

Expected Output:

A web page with 'My Webpage' in the browser tab, the heading 'Welcome!', and a descriptive paragraph underneath.