The <head> element provides information about the document.

Contains all the page header elements
Immediately follows the opening <html> tag
Should contain the <title> for the document

Can also contain the following tags:

<meta>
- information about the document
- e.g: keywords, description
- useful for search engines
<link>
- provides a link to an external file, such as a css stylesheet, or JavaScript file
<style>
- provides css rules for the document
<script>
- provides a container for JavaScript
<base>
- provides a base URL for any relative links within the document
<object>
- used to embed multimedia within the document

Example showing <head> element containing some of the above example tags:

<!DOCTYPE html>
<html>
	<head>
		<title>Document Title</title>
		<meta name="description" content="Learning html">
		<style>
			body{text-align:center;}
		</style>
		<script>
			window.onload = function() {
				document.getElementById("myHeading").innerHTML = "Hello, World!");
			}
		</script>
		<base href="https://www.tech-academy.co.uk" />
	</head>
	<body>
		<h1 id="myHeading">Don't Display...</h1>
	</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Document Title</title>

<style>

body{text-align:center;}

</style>

window.onload = function() {

document.getElementById("myHeading").innerHTML = "Hello, World!");

}

</script>

</head>

<body>

<h1 id="myHeading">Don't Display...</h1>

</body>

</html>

Save & refresh browser:

HTML

Technical Tutorials: Free. Good Quality. To the point!

<head> Element

Hello, World

Leave a Reply Cancel reply