Html and CSS issues

<!DOCTYPE html>
<html>
<head
<style type="text/css">
h1 {
	font-size: 150%
	color: purple
  }
</style>
  </head>
<body>
	<h1>Hello.</h1>
	</body>
	</html>

When I open a file with that all that comes up is

 h1 { font-size: 150% color: purple }

and big black text that says Hello. please help!

as you can see from the markup on the forum (and hopefully in the editor as well):

Screenshot_2018-08-14_12-28-55

<style has the wrong color, so then you look at the line above what might cause the problem, and then you see <head, and you should see the problem