revision:
The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. Metadata is data about the HTML document and is not displayed. Metadata typically define the document title, character set, styles, scripts, and other meta information.
The following elements can go inside the <head> element:
the <title> tag defines the title of a web page (required). The tag is metadata representing the title of the entire HTML content and not its content.
the <style> tag contains CSS code that defines how HTML elements should be rendered in a browser.
the <base> tag defines an absolute (base) URL for all relative URLs.
the <link> tag defines the relationship between the current HTML document and the resource to which it refers, or contains a link to an external style sheet. It can have two attributes: rel="stylesheet" and href.
the <meta> tag provides additional information (metadata) about HTML document. The "head" of a page can include different kinds of "meta' elements that may contain name and content attributes.
the <script> tagcontains a script (generally JavaScript), or reference to an external file with scripts.This element may not be included in "head". Sometimes, it is better to put it at the bottom of the "body. The <script> element may seem empty, but it's not.
the <noscript> tag defines an alternate text, which is displayed, if the browser doesn't support scripts or scripts are disabled by the user.
<head> . . . </head>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello World!</h1>
<h2>I am formatted with a linked style sheet.</h2>
<p>Me too!</p>
</body>
</html>
<html>
<head>
<title>Title of the document
<style>
body{background-color: #d3d3d3;}
p{color: #1c87c9;}
a{color: red;}
</style>
</head>
<body>
<p>Paragraph</p>
<a href="#">Link</a>
</body>
</html>