fix the error that is below
An img element must have an alt attribute, except under certain conditions.
<!DOCTYPE html>
<html>
<head>
<title>Troublesome HTML</title>
</head>
<body>
<div class="img-div">
<img src="example.gif" width="66" height="111">
</div>
<h1>HTML? Or HTM Oh-Well?!</h1>
<p>Here's some HTML that isn't quite up to snuff.</p>
<ol>
<li>Can you spot the bad markup? <strong>It can be tough to spot!</strong></li>
<li>But it's there...</li>
<li>Hiding.</li>
<li>Waiting to mess something up.</li>
</ol>
</body>
</html>
To fix the error, you need to add the alt attribute to the img element. The alt attribute provides alternative text for the image, which is important for accessibility purposes. Here's the corrected code:
<!DOCTYPE html>
<html>
<head>
<title>Troublesome HTML</title>
</head>
<body>
<div class="img-div">
<img src="example.gif" width="66" height="111" alt="Example image">
</div>
<h1>HTML? Or HTM Oh-Well?!</h1>
<p>Here's some HTML that isn't quite up to snuff.</p>
<ol>
<li>Can you spot the bad markup? <strong>It can be tough to spot!</strong></li>
<li>But it's there...</li>
<li>Hiding.</li>
<li>Waiting to mess something up.</li>
</ol>
</body>
</html>