Background color question

HTML-CSS
1

I wrote the following code. In my head its suppose to produce a green head, with a light blue body. However it is not so can someone explain why?

<!DOCTYPE html>
<html>
<head>
	<style>
	head{
		background-color: green;
	}

	body{
		background-color: lightblue;
	}

	.hrefcolor{
		text-decoration: none;
		color: blue;
	}

</style>

	<title>practice.Com</title>
		<center>
			<h1 ><a href="#3"class="hrefcolor">〚About Me〛</a> <a href="#" class="hrefcolor">〚Resume〛</a></h1> 
		</center>
</head>
<body>
	<p>sdfsdf</p>

</body>
</html>
2

Only things in the <body> are displayed in the browser. Everything in the <center>tags do not go in the <head>.

You can, however, make a green <header> and a lightblue <main>

3

@ThaKuu Also note that <head> and <header> tags are very different in html. So do look them up to find out the differences.

4

thanks ban da tra loi