In HTML, titles are used to define and describe the content of a web page. The title of an HTML document is specified within the <title> element, which is typically placed inside the <head> section of the HTML document. The title is not visible on the web page itself but appears in the title bar of the browser window or in the browser tab. It serves several important purposes:

  1. Browser Display: The title is displayed at the top of the browser window or tab, providing users with a quick and recognizable way to identify the content of the page.

  2. Search Engine Optimization (SEO): Search engines use the title to understand the content of a page. A well-crafted and relevant title can improve the page's visibility in search engine results.

Here's a simple example of an HTML document with a title:

html
<!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>This is my first web page.</p>
</body>
</html>

In this example:

  • The <title> element contains the text "My First Web Page," which will be displayed in the title bar or tab of the browser.
  • The <h1> element represents the main heading of the page, displaying the text "Hello, World!" in a larger font.

It's important to note that each HTML document should have a unique and descriptive title that accurately reflects the content of the page.

In addition to the <title> element, HTML provides heading elements (<h1> to <h6>) that are used to define headings and subheadings within the body of the document. These elements not only structure the content but also contribute to accessibility and SEO. Here's an example:

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Example Page with Headings</title>
</head>
<body>
    <h1>Main Heading</h1>
    <p>This is the main content of the page.</p>

    <h2>Subheading 1</h2>
    <p>This is some content under the first subheading.</p>

    <h2>Subheading 2</h2>
    <p>This is some content under the second subheading.</p>
</body>
</html>

In this example, <h1> represents the main heading, <h2> represents subheadings, and so on. Using these heading elements appropriately helps organize the content and provides a hierarchical structure for both users and search engines.