Learn Html

Html head

Html Head

Within <HTML>, the document has two sections to it:<HEAD> and <BODY …>.

<HEAD> is like the cover page of the document.
Just as the cover page of a book contains information about the book (such as the title), the <HEAD> section contains information about the document.

This information is communicated through the <TITLE> tag (which is required) and the <LINK …> and <META …>tags.

The title information inside a head element is not displayed in the browser window.

Information Inside the Head Element

The head element contains general information, also called meta-information, about a document. Meta means “information about”.

The elements inside the head element should not be displayed by a browser.

According to the HTML standard, only a few tags are legal inside the head section.
These are: <base>, <link>, <meta>, <title>, <style>, and <script>.

Head Tags
Tag Description
<head> Defines information about the document
<title> Defines the document title
<base> Defines a base URL for all the links on a page
<link> Defines a resource reference
<meta> Defines meta information
Tag Description
<!DOCTYPE> Defines the document type. This tag goes before the <HTML> start tag.

———————————–w3schools——————————————-

The HTML head Element

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.paktutorial.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” 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>
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

Tag Description
<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
DOWNLOAD SOLUTION HERE