🌐 Day 1: What is HTML? + Boilerplate
📘 What is HTML?
HTML (HyperText Markup Language) is the standard language used to create webpages. It provides the structure of a website — just like the skeleton of a human body.
- ✅ HTML tells the browser what to display (headings, paragraphs, links, images, etc.)
- ✅ It’s not a programming language — it's a markup language
- ✅ Used by every website in the world 🌍
📂 How HTML Works
A basic HTML page is made up of tags like <html>, <head>, <body>, and so on.
<p>This is a paragraph.</p>
Here, <p> is the opening tag, </p> is the closing tag.
🛠️ HTML Boilerplate Code
Use this template to start any new HTML project:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>My First Web Page</title> </head> <body> <h1>Hello World!</h1> <p>Welcome to Day 1 of Web Development!</p> </body> </html>
🧠 Key Tags Explained
| Tag | Purpose |
|---|---|
| <!DOCTYPE> | Declares HTML5 document type |
| <html> | Root of the webpage |
| <head> | Meta info: title, links, SEO |
| <title> | Title shown in browser tab |
| <body> | Main visible content |
🎯 Mini Challenge for Day 1
- Create your first HTML file using the boilerplate code
- Change the title to your name
- Add your own
<h1>and<p>inside the body
💡 Pro Tip
You can open any .html file in your browser by double-clicking it!
📍 What’s Next?
Tomorrow in Day 2, we’ll learn:
- Headings (
<h1>to<h6>) - Paragraphs, line breaks
- Links, images, and more!
0 Comments