🧱 HTML Structure & Basic Tags – Learn the Skeleton of Every Website (Day 2)
Meta Title: HTML Structure & Tags Explained – Day 2 of Web Development Course
Meta Description: Learn HTML structure, syntax, and basic tags in Day 2 of our web development course. Includes free PDF notes, live examples, and practice platforms.
📥 Download Day 2 Notes + HTML Code
Want this lesson as a downloadable PDF with full example code?
📄 Click here to download the Day 2 Notes PDF
🧪 Practice Task – Try It Yourself
Practice this code on your mobile or computer using:
💻 Online Editor: CodePen – Start Coding
📱 Android App: Sololearn – HTML Practice App
🔄 Try changing the
<title>or<h1>to see real-time updates.
📌 What is HTML?
If you’re beginning your web development journey, HTML is your first step.
HTML (HyperText Markup Language) is the standard language used to create the structure of web pages.
It gives a website its layout, like bones giving shape to a body.
🧱 Basic HTML Page Structure
Here’s what a basic HTML file looks like:
🔍 HTML Tags – Explained
| Tag | Purpose |
|---|---|
<!DOCTYPE html> |
Declares this is an HTML5 document |
<html> |
Root element — wraps the entire webpage content |
<head> |
Stores metadata like title, styles, charset, etc. |
<title> |
Sets the browser tab title |
<body> |
Holds all visible content |
💻 Example HTML Code with Content
👀 What Will This Look Like in a Browser?
-
Browser tab: “Day 2 – My First HTML Page”
-
On page:
-
A heading: Welcome to My Website
-
A paragraph: This is my first web page using HTML.
-
💡 You can test this by copy-pasting the code into CodePen.
✅ Key Takeaways from Day 2
-
HTML is for structure, not for styling (that’s CSS).
-
Always start with
<!DOCTYPE html>to declare HTML5. -
Place all visible content inside the
<body>tag. -
A well-structured HTML page improves SEO and accessibility.
📆 What’s Next?
In Day 3 → we’ll cover:
-
Headings (h1 to h6)
-
Paragraph tags
-
Text formatting (bold, italic, underline)
Get ready to make your content readable and structured beautifully!
❓ Frequently Asked Questions (FAQ)
Q1: What is HTML used for?
A: HTML is used to structure the content of websites — headings, text, images, and more.
Q2: Can I learn HTML on my phone?
A: Yes! Use apps like Sololearn to learn and practice HTML on mobile.
Q3: Do I need software to run HTML code?
A: No special software needed! Use free tools like CodePen to test your HTML directly in the browser.