The <head> Element

In this section of our HTML tutorial, we will explore the <head> element, an essential component of every HTML document. The <head> element is responsible for including meta-information, links to external resources, and other elements that affect the document’s structure and presentation.

Understanding the <head> Element

The <head> element is part of the basic structure of an HTML document. It is located within the <html> element and typically precedes the <body> element. The <head> element does not directly display content on the web page but plays a crucial role in providing information to browsers and search engines.

Basic Syntax

Here is the basic syntax of the <head> element:

Common Elements Inside <head>

The <head> element can contain various elements, including:

  • <title>: Sets the title of the web page, which appears in the browser’s title bar or tab.
  • <meta charset="UTF-8">: Declares the character encoding as UTF-8 to ensure proper text rendering.
  • <meta name="description" content="A brief description of the page">: Provides a short description of the web page, which may be displayed in search engine results.
  • <link rel="stylesheet" type="text/css" href="styles.css">: Links to external CSS stylesheets to control the page’s appearance.
  • <script src="script.js"></script>: Links to external JavaScript files to add interactivity to the page.

Code Examples

Here’s a simple HTML document that includes the <head> element:

In this example, the <head> element contains information such as character encoding, page title, description, and a link to an external stylesheet.


The <head> element in an HTML document is responsible for providing meta-information and linking to external resources that influence the structure and presentation of a web page. Understanding its role and using it effectively is crucial for creating well-structured and user-friendly websites. As you progress through this tutorial, you’ll explore more HTML elements, attributes, and techniques to build compelling and interactive web pages.