I conducted tests in both Chrome and Firefox, ruling out any browser-related issues. My CSS has been validated and is error-free. However, when I validate my HTML code, an error message pops up stating "Bad value “stylesheet” for attribute rel on element link: The string “stylesheet” is not a registered keyword." which leaves me puzzled. Below is the snippet of my code:
HTML
<!DOCTYPE html>
<html>
<head>
<link rel =“stylesheet” href=“javajam.css” type=“text/css”>
<meta charset="UTF-8">
<title>JavaJam Coffee House</title>
</head>
<body>
<h1>JavaJam Coffee House</h1>
<nav><b>
<a href = "index.html">Home</a>
<a href = "menu.html">Menu</a>
<a href = "music.html">Music</a>
<a href = "jobs.html">Jobs</a>
</b></nav>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Bagels, Muffins, and Organic Snacks</li>
<li>Music and Poetry Readings</li>
<li>Open Mic Night Every Friday</li>
</ul>
<dl>
<dt>54321 Route 42</dt>
<dd></dd>
<dt>Ellison Bay, WI 54210</dt>
<dd></dd>
<dt>888-555-5555</dt>
<dd></dd>
</dl>
<br>
<footer><small><i>
Copyright © 2016 JavaJam Coffee House
</i></small></footer>
</body>
</html>
CSS
body {
color : #2E0000;
background-color : #F5F5DC;
}
h1 {
background-color : #D2B48C;
}
footer {
color : #000000;
background-color : #D2B48C;
}