HTML <title> Tag – Page Title
📌 Introduction
The <title> tag defines the title of a webpage, which appears in the browser tab.
It is placed inside the <head> section and is essential for:
- User experience
- Search engine optimization (SEO)
- Bookmark naming
🧱 Syntax
<title>Your Page Title</title>
💡 Example
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
</head>
<body>
<h1>Welcome!</h1>
<p>This is my website.</p>
</body>
</html>
🖥️ Output Explanation
- The text inside
<title>appears in the browser tab - It does NOT appear inside the page content
Example:
- Tab shows: My First Website
- Page shows: "Welcome!" and the paragraph
🎯 Why <title> is Important
1. 🧭 User Experience
Users can quickly identify your page when multiple tabs are open.
2. 🔍 SEO (Search Engine Optimization)
Search engines use the <title> to understand your page content.
✔ A good title improves ranking ✔ It appears in search results
3. 🔖 Bookmarks
When users save your page, the <title> becomes the bookmark name.
⚠️ Tips & Best Practices
- Keep it clear and descriptive
- Avoid titles like: "Home" or "Page1"
- Use keywords related to your content
- Recommended length: 50–60 characters
✔ Good:
<title>Learn HTML Basics – Beginner Guide</title>
❌ Bad:
<title>Page</title>
🚫 Common Mistakes
- Placing
<title>outside<head> - Using multiple
<title>tags (only ONE is allowed) - Leaving it empty
🧪 Mini Exercise
Create a page with:
- A meaningful title (about you or your project)
- Open it in your browser
- Change the title and refresh
👉 Observe how the tab name changes