SahilLog: [Web Dev] Day 1: HTML Basics & The Skeleton 🌐

🚨 NEW JOURNEY UNLOCKED 🚨

Yes, the C++ & DSA series is STILL ON! But alongside that logic-heavy grind, I am officially starting my Web Development (MERN Stack) journey today.

Logic subah, Design raat ko. Let's build the web! 💻🌐

📅 Date: Feb 21, 2026

🧠 Mood: Architect 🏗️

🔥 Topic: Web Dev Day 1: HTML Basics & Summary

💀 The Brutal Truth About HTML

Let's not sugarcoat it: HTML is NOT a programming language. It's a markup language. It doesn't have loops or logic. It is simply the "Skeleton" of your website.

I am learning this from Hitesh Choudhary Sir's Udemy course. The focus is strictly on modern, standard practices. No outdated tags.

🧱 HTML Summary: What I Learned

1. Tags vs Elements vs Attributes

Tag: <h1> (Opening) and </h1> (Closing).
Element: The whole thing together: <h1>Hello</h1>.
Attribute: Extra info given to a tag. E.g., <img src="pic.jpg" alt="My Pic">. Here src and alt are attributes.

2. The Boilerplate (The Magic '! + Tab')

Every HTML file needs this standard structure:

<!DOCTYPE html> <html lang="en">
<head>
    <!-- Brain of the website (Meta tags, Title, CSS links) -->
    <!-- Users DON'T see this part directly -->
    <meta charset="UTF-8">
    <title>My First Page</title>
</head>
<body>
    <!-- Body of the website -->
    <!-- Everything users SEE goes here -->
    <h1>Hello World!</h1>
</body>
</html>

3. Semantic HTML (The Right Way)

Instead of using <div> for everything, use meaningful tags for SEO and Screen Readers.

<header> for navbars.
<main> for main content.
<footer> for the bottom section.
<section> and <article> for specific blocks.

🎯 What's Next?

HTML is just memorizing a few tags. The real pain and fun starts with CSS. Next post will be diving into how to make this boring skeleton look good.

SahilLog

[Web Dev] Day 1: HTML Basics & The Skeleton 🌐