HTML | <head> Tag - Tutorialspoint.dev

The <head> tag in HTML is used to define the head portion of the document which contains information related to the document.
The <head> tag contains other head elements such as <title>, <meta>, <link>, <style> <link> etc.
In HTML 4.01 the <head> element was mandatory but in HTML5, the <head> element can be omitted.

Tag Specific Attributes:

The below-mentioned layout-attributes of the <hr> tag have been removed from HTML5.

Attribute	Value	Description
profile	URL	It is used to specify the URL to a document which contains one or more meta data profiles for browsers to clearly understand the information.

Browser Support

Apple Safari 1+
Google Chrome 1+
Firefox 1+
Opera 2.1+
Internet Explorer 2+

Syntax :

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

Below program illustrates the <head> element:

Input:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>HTML Head Tag </title> 
</head> 
<body> 
    <p>GeeksforGeeks is a portal for geeks.</p> 
    <hr> 
</body> 
</html> 

Output:

2. Using style tag inside head tag.
Input:

<!DOCTYPE html> 
  
<html> 
<head> 
<style> 
body {background:skyblue;} 
h1 {color:red;} 
p {color:blue;} 
</style> 
</head> 
<body> 
  
<h1>GeeksforGeeks</h1> 
<p>It is a portal for geeks.</p> 
  
</body> 
</html> 

Output:

3. Using link tag inside head tag.
Input:

<!DOCTYPE html> 
  
<html> 
<head> 
  <link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head> 
<body> 
  
<h1>GeeksforGeeks</h1> 
<p>It is a portal for geeks.</p> 
  
</body> 
</html> 

Output:

HTML | <head> Tag

tags:

leave a comment

0 Comments

Subscribe to Our Newsletter

Top Followed books