• +91-9142290450

  • Hajipur, Bihar, 844101

☰
❮
❯

HTML Page Title

← Previous Next →

🔹 What is a Page Title?

The HTML page title is the text shown in the browser tab, search engine results, and bookmarks. It gives users and search engines a quick summary of what the page is about.

🔹 How to Set a Page Title

The page title is defined inside the <title> tag, which must be placed inside the <head> section of your HTML document.

✅ Syntax:
<!DOCTYPE html>
<html>
<head>
  <title>My First Web Page</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
</body>
</html>

🔹 Importance of Page Title

Purpose Description
Browser Tab Shows title on the tab
Search Engine Results (SEO) Appears as the clickable headline in Google
Bookmarks/Favorites Used as label when user bookmarks the page

🔹 Tips for Writing Good Page Titles

  • Be descriptive and concise (50–60 characters)

  • Include important keywords for SEO

  • Avoid keyword stuffing

  • Make it unique for every page

🔹 Example: Title for a Blog Page

<head>
  <title>How to Cook Perfect Pasta - Food Blog</title>
</head>

🔹 Example: Dynamic Title using JavaScript (Optional)

<script>
  document.title = "Dynamic Page Title";
</script>

⚠ Use JavaScript title changes cautiously as they can confuse users and search engines.

Practice Questions

Q1. Create an HTML page and give it the title “Welcome Page”.

Q2. Write the correct code to display “Contact Us” as the page title.

Q3. Place the <title> tag inside the <head> section.

Q4. Create a title for a portfolio page: “John Doe – Web Developer”.

Q5. Use JavaScript to change the title after 3 seconds.

Q6. Write a title for an HTML tutorial page.

Q7. Make sure your HTML file shows “Home - MySite” in the browser tab.

Q8. Add different titles for two different HTML pages.

Q9. Write a short and SEO-friendly title for a travel website.

Q10. Bookmark your test page and verify the title appears correctly.

← Previous Next →

HTML

online coding class codepractice

HTML5 Basics

HTML Styling and Design

HTML Links and Media

HTML Layout and Structure

HTML Forms

HTML Graphics

HTML APIs

HTML Advanced Topics

codepractice logo
Login
Go Back Top