Lesson 1: HTML Basics

HTML (HyperText Markup Language) is the foundation of every web page. In this lesson, you'll learn the essential HTML elements and how to structure your content properly.

What You'll Learn

Understanding HTML tags and elements
Creating proper document structure
Working with headings, paragraphs, and lists
Adding links and images
Understanding semantic HTML

HTML Document Structure

Every HTML document follows a basic structure:

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>My First Web Page</title>
	</head>
	<body>
		<h1>Welcome to My Website</h1>
		<p>This is a paragraph of text.</p>
	</body>
</html>

Key HTML Elements

Headings

HTML provides six levels of headings, from <h1> (most important) to <h6> (least important).

Paragraphs

Use <p> tags to create paragraphs of text.

Lists

Unordered lists (<ul>) for bullet points
Ordered lists (<ol>) for numbered items
List items (<li>) for individual items

Resources

Download these resources to help you practice:

HTML Cheatsheet - Quick reference for HTML tags
Sample Code - Complete HTML examples
Practice Exercises - Hands-on exercises

Next Steps

Once you've completed this lesson, move on to Lesson 2: CSS Fundamentals to learn how to style your HTML.