<head></head> tag HTML

Example

A simple <head> tag that open PNLdev.com link:

<head>
<title>Title of the HTML document</title>
</head>

Laboratory

description & Usage

The <head> tag provides a section in html documents for entering information called metadata, which is located between the <html> and <body> tags of the corresponding document.

Metadata or <meta> tags will not be displayed to the user and are used for browsers.

The following tags are placed inside the <head> section:

<title> tag
<style> tag
<base> tag
<meta> tag
<script> tag
The <noscript>

Browser compatibility and Support

#	Chrome	Edge	Firefox	Safari	Opera
<head>

Global Attributes

The head tag supports the HTML Global Attributes.

Event Attributes

The head tag supports the HTML Event Attributes.

More Examples

Example

HTML <head> tag Using the <style> tag in the <head> tag

<head>
    <style>
        p{
            color: blue;
            border: 1px solid black;
            border-radius: 5px;
            width: 186px;
            padding: 2px; 
        }
    </style>
</head>
<body>
    <p>Welcome to the PlNdev site</p>
</body>

Laboratory

Example

HTML <head> tag Using the <link> tag in the <head> tag

<head>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Hello, welcome to the PNLdev website.</h1>
    <h2>This is an example for a link tag in a head tag.To read more,
        <a href="https://pnldev.com/fa/reference/html/head-tag">
         	click here.
        </a>
    </h2>
</body>

Laboratory

Example

HTML <head> tag Using the <meta> tag in the <head> tag

<head>
    <meta charset="UTF-8">
    <meta name="description" content="Free web programming reference">
    <meta name="keywords" content="html, head, meta">
    <meta name="author" content="Ali heydari">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>
        Using the meta tag, we can specify attributes such as description text, keywords, display settings, etc.
    </p>
</body>

Laboratory

Default CSS

Most browsers will display the head tag with the following default style:

head {
	display: none;
}