🏗️ Chapter Roadmap
1 The Basic Skeleton
Every single HTML webpage in the world is built on a specific, standard structure. You can think of this as the foundation of a house. Without this basic skeleton, your webpage will not display correctly.
<p>This is the main content area.</p>
2 The DOCTYPE Declaration
📢 It is an Announcement, NOT a tag!
<!DOCTYPE html> is the very first line of code. It is not an HTML tag. It is an "information declaration" that tells the web browser (like Chrome or Safari): "Hey! I am using the latest version of HTML, which is HTML5. Please read my code according to HTML5 rules."
3 The Root Element (<html>)
Right after the DOCTYPE, we open the <html> tag. It is called the Root Element because it wraps around absolutely everything else on your page. Every other tag (except DOCTYPE) must live inside the <html> and </html> tags.
4 Head vs. Body Section
The inside of the <html> tag is strictly divided into two main parts. Think of it like a human being:
<head>
The Brain (Hidden Information)
This section acts like the brain or backend of the page. The things placed here are NOT visible on the main webpage screen.
- The Browser Tab Title (
<title>) - Links to CSS designs
- SEO Meta tags (for Google Search)
<body>
The Face (Visible Content)
Whatever you want the user to actually see and interact with on the main screen (the white canvas) goes inside here.
- Headings & Text Paragraphs
- Images, Videos, & Audios
- Buttons, Forms, & Links