The HTML head Element

1:38:00 PM |

The head element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more.
The following tags can be added to the head section: <title>, <base>, <link>, <meta>, <script>, and <style>.

The HTML title Element

The <title> tag defines the title of the document.
The title element is required in all HTML/XHTML documents.
The title element:
  • defines a title in the browser toolbar
  • provides a title for the page when it is added to favorites
  • displays a title for the page in search-engine results
A simplified HTML document:
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>



The HTML base Element

The <base> tag specifies a default address or a default target for all links on a page:
<head>
<base href="http://www.w3schools.com/images/" />
<base target="_blank" />
</head>



The HTML link Element

The <link> tag defines the relationship between a document and an external resource.
The <link> tag is most used to link to style sheets:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>



The HTML style Element

The <style> tag is used to define style information for an HTML document.
Inside the style element you specify how HTML elements should render in a browser:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>



The HTML meta Element

The <meta> tag provides metadata about the HTML document.
The meta element will be explained in the next chapter.

The HTML script Element

The <script> tag is used to define a client-side script, such as a JavaScript.
The script element will be explained in a later chapter.

HTML head Elements

TagDescription
<head>Defines information about the document
<title>Defines the title of a document
<base />Defines a default address or a default target for all links on a page
<link />Defines the relationship between a document and an external resource
<meta />Defines metadata about an HTML document
<script>Defines a client-side script
<style>Defines style information for a document