Your First HTML Page
Learn the basic structure of an HTML document
Beginner⏱️ 10 minutes
Lesson Content
Your First HTML Page
What is HTML?
HTML (HyperText Markup Language) is the backbone of every website. It's not a programming language—it's a markup language that tells browsers how to structure content.
Why Learn HTML?
- Foundation of Web Development: Every website uses HTML
- Universal: Works on any device with a browser
- Career Essential: Required for web development, design, and digital marketing
- Easy to Start: See results immediately in your browser
How HTML Works
HTML uses "tags" (written in angle brackets) to define elements. Most tags come in pairs: an opening tag and a closing tag.
Basic Structure Explained
<!DOCTYPE html> <!-- Tells browser this is HTML5 -->
<html> <!-- Root element, contains everything -->
<head> <!-- Invisible info: title, settings -->
<title>My Page</title> <!-- Shows in browser tab -->
</head>
<body> <!-- Visible content goes here -->
<h1>Hello World!</h1> <!-- Heading level 1 (largest) -->
</body>
</html>
Real-World Use
Every page you visit—Google, Facebook, YouTube—uses this exact structure!
Your Turn: Experiment!
Task: Create a page with title "My First Page" and heading "Welcome to CodeMaster!" Try Changing:
- The title text (watch the browser tab change!)
- Add more text inside the body
- Try multiple h1 tags—what happens?
html
Loading...