HTML Document Structure
May 29, 2025
1,276 views
1 min read
Beginner Tutorial
Tutorial Navigation
HTML Document Structure
Every HTML document follows a standard structure that browsers understand. Let's explore the essential elements:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Webpage</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is my first paragraph.</p>
</body>
</html>Key Elements Explained:
- <!DOCTYPE html> - Declares HTML5 document type
- <html> - Root element of the page
- <head> - Contains metadata about the document
- <body> - Contains the visible content
Try It Yourself
Practice what you've learned with our interactive code editor. Modify the code and see the results instantly!
Continue Learning
Master HTML & CSS with these related tutorials