HTML <head> Tag
HTML
The <header> element contains information necessary for the page.
HTML <header> tag is a container for metadata
Information inside <head> tag is not displayed in the page.
The <head> tag is placed between <html> and <body> tags.
The <head> tag contains other tags like <title>,<base>,<meta>,<style>,<link> and <script>
Global attributes
Global attributes may be applied on all elements, although some elements may have no effect on them.
<accesskey>,
<class>,
<contenteditable>,
<contextmenu>,
<data-*>,
<dir>,
<draggable>,
<dropzone>,
<hidden>,
<id>,
<lang>,
<spellcheck>,
<style>,
<tabindex>,
<title>,
<translate>.
Learning with HTML Editor "Try it Now"
You can edit the HTML code and view the result using online editor.
Example
<!DOCTYPE html>
<html>
<!-- Example: head Tag -->
<head>
<title>Page Title here</title>
<base href="/html/">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="w3context Team">
<meta name="description" content="Online tutorials">
<link rel="stylesheet" href="externalcssfile.css">
<style>
h1 {
color: red;
}
</style>
<style>
h1 {
background-color: black;
}
</style>
<style>
h1 {
font-size: 60pt;
}
</style>
<script>
function m1() {
document.getElementById("test2").style.backgroundColor = "black";
document.getElementById("test2").style.color = "white";
document.getElementById("p2").style.backgroundColor = "black";
document.getElementById("p2").style.color = "red";
}
</script>
</head>
<body>
<h1>Head tag example.</h1>
<!-- Comments are not displayed in the browser -->
<h2 id="test2">The head tag contains information needed for the page.</h2>
<p id="p2">Head is a metadata container for HTML documents</p>
<a href="https://www.w3context.com/html/" target="_blank">Go to HTML home</a><br><br><br>
<button onclick="m1();">change color</button>
</body>
</html>Click on the "Try it Now" button to see how it works.