i am trying to display code on my web page but it jsut wont work do u guy know how thxs…
my code
<!DOCTYPE html>
<html>
<title>Template</title> <!--title-->
<link rel="shortcut icon" type="image/JPG" href="/images/space:stars images/aldebaran-s-uXchDIKs4qI-unsplash.jpg"> <!--logo-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background: white; /*linear-gradient(to right, blue, darkblue, purple, rgb(85, 0, 85))*/
}
.a1 {
color: black;
}
.a1:hover {
cursor: pointer;
color: darkblue;
}
.holder {
text-align: center;
}
.holder1 {
margin: 10px;
}
</style>
<body>
<div class="holder">
<h1>Complete base <a class="a1" href="#">HTML</a></h1>
<p>What to add to start your website</p>
</div>
<div class="holder1" class="margin20px">
<h1>First Step:</h1>
<p>Add a <strong><ins>DOCTYPE html</ins></strong> With a <strong><ins>Exclamation mark</ins></strong> at the beginning</p>
<code><h1></h1></code>
</div>
</body>
</html>