How to add title in HTML?

Adding a Title in HTML

In HTML, the title element is used to define the title of a web page. The title is displayed in the browser's title bar or tab, and it is also used by search engines to display the page in search results.

To add a title to an HTML document, you can use the <title> element inside the <head> section of your HTML code. Here's an example:

<!DOCTYPE html>
<html>
<head>
  <title>My Web Page</title>
</head>
<body>
  <h1>Welcome to my website!</h1>
  <p>This is the content of my web page.</p>
</body>
</html>

In this example, the title of the web page is set to "My Web Page". When you view this page in a web browser, the title will be displayed in the browser's title bar or tab.

Here's a Mermaid diagram that illustrates the structure of an HTML document with a title:

graph TD A[HTML Document] A --> B[Head] B --> C[Title] A --> D[Body] C["My Web Page"]

The title element is an important part of an HTML document because it helps search engines and users understand the content of the page. A well-chosen title can improve the visibility and findability of your web page in search engine results.

In addition to the title element, there are other important elements in the <head> section of an HTML document, such as the <meta> element, which can be used to provide additional information about the page, such as the character encoding, description, and keywords.

Here's an example of an HTML document with additional metadata in the <head> section:

<!DOCTYPE html>
<html>
<head>
  <title>My Web Page</title>
  <meta charset="UTF-8">
  <meta name="description" content="This is a web page about my website.">
  <meta name="keywords" content="website, HTML, CSS, JavaScript">
</head>
<body>
  <h1>Welcome to my website!</h1>
  <p>This is the content of my web page.</p>
</body>
</html>

In this example, the <meta> elements provide additional information about the web page, such as the character encoding, description, and keywords. This information can be used by search engines and other tools to better understand the content and purpose of the page.

Overall, adding a title to an HTML document is a simple but important step in creating a well-structured and informative web page.