HTML notes (from Video)

The video's link - https://youtu.be/HcOc7P5BMi4?si=eIuDDGoj-5D3r6pV 

HTML Learning Notes (from Video)

Chapter 1: Getting Started with HTML

What is HTML?

HTML = Hypertext Markup Language.

It’s basically the blueprint of every website. Without HTML, the internet would just be a blank page no text, no images, nothing.
Think of it like the skeleton of the human body. You don’t see it directly, but without it, nothing stands.

and HTML is not a programming language. It doesn’t do “math's” or “logic.” It just organizes and displays content.

Difference between HTML, CSS, and JavaScript

Imagine you’re building a house (or your setup):

• HTML → The structure (walls, tables, monitor stand).

• CSS → The style (paint, wallpapers, RGB lights ).

• JavaScript → The brain/behavior (auto doors, Alexa voice commands, games reacting to clicks).

Together, they make a full, working, good-looking website.

Why learn HTML first?

You can’t paint a house (CSS) or install gadgets (JavaScript) without building the walls (HTML).
Same with websites → HTML comes first.
It’s like learning alphabets before writing essays 

Tools You Need

Now, yes, you can write HTML in Notepad… but that’s like trying to edit a movie on a basic phone. Painful.
Better choices:

• VS Code → free, powerful, with auto-suggestions and even live preview (saves you from refreshing again & again).

• Notepad → works, but honestly, avoid unless you enjoy suffering .

Inspect Element & View Source

Ever right-clicked on a webpage and hit Inspect? That’s like peeking behind the curtain of the internet.

• View Source: Shows the raw HTML (like reading a book’s script).

• Inspect Element: Lets you play around, change stuff temporarily (like renaming “Submit” to “Send to my guy plz ”).