🦴 What Exactly Is HTML ?
- HTML stands for HyperText Markup Language — the basic language used to build webpages.
- It’s the structure of a website, just like a skeleton gives shape to a body.
- Every HTML file begins with
<!DOCTYPE html>and everything on the page sits inside the<html>tag.
- Using simple tags like
<h1>or<p>, HTML tells the browser what each part is — a heading, a paragraph, an image, a link, etc.
- Without HTML, a webpage would be blank, because there’s no content to show.
- It doesn’t add colors or fancy design; it just puts things in place and in order.
- Every site you use — Google, YouTube, blogs — all start with HTML at the base.
- It’s easy to begin with, and even a small line like
<p>Hello World!</p>is valid HTML.
🏗️ Basic Structure of an HTML Document?
Every HTML page follows one simple structure.
Think of it like writing a school notebook page:
Think of it like writing a school notebook page:
- You write the heading at the top.
- Then you add extra details (date, topic).
- And finally, you write the actual content.
HTML works exactly like that — it has a fixed order.
Here’s the basic layout of any HTML file:
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is my first webpage.</p>
</body>
</html>
# Now let’s break it down in the most understandable way:
🏁 <!DOCTYPE html> — Tells the browser what this file is
- It does not appear anywhere on your website.
- It is only a signal for the browser that this page is written in HTML5.
- Without it, some features may not work correctly.
📓 <html> ... </html> — The outer box that holds the entire page
Everything inside your webpage sits between these two tags.
You can think of it as the cover of your notebook — everything belongs inside it.
You can think of it as the cover of your notebook — everything belongs inside it.
🕵️ <head> ... </head> — Hidden information area
This part doesn’t show on the screen.
It contains information the browser needs, like:
It contains information the browser needs, like:
- Page title
- SEO details
- CSS links
- Character settings
🏷️ <title> — The name shown on the browser tab
Whatever you write here appears on the tab name.
Example: My First Page
(It’s like giving your notebook page a title.)
👀 <body> ... </body> — Everything you actually see
Everything the user sees on the webpage is written here:
- Headings
- Paragraphs
- Photos
- Buttons
- Links
This is the actual content — like the sentences and drawings you write in your notebook.
