I have written the code as follows

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bubble Under-The diving club for south-west UK.</title>

<meta charset="utf-8"/>


</head>
<body>

<h1>Bubble Under.com</h1>
<p>Diving club for south-west UK-Let's make a splash!</p>
<h2>Welcome to our super-dooper Scuba site</h2>
<p><img src="divers-circle.jpg" width="200" height="162"
alt="A circle of divers practice their skills" /></p>
<p>Glad you could drop in and share some air with us! You've passed your underwater navigation skills and successfully found your way to the start point - or in this case, our home page.</p>

<h3>About Us</h3>
<p>Bubble Under is a group of diving enthusiasts based in the south-west UK who meet up for diving trips in the summer months when the weather is good and the bacon rolls are flowing. We arrange weekends away as small groups to cut the cost of accommodation ans travel and to ensure everybody gets a trustworthy dive buddy.</p>

<p>Although we're based in the south-west, wedon't stay on our own turf: past diving weekends away have included trips up toScapa Flow in Scotland and to Malta's numerous wreck sites.</p>

<p>When we are not diving, we offen meet up in a local pub to talk about our recent adventures (any excuse eh?)</p>

<h3>Contact Us</h3>
<p>To find out more, contact Club Secretary Bob Dobalina on 01793 6411207 or <a href="mailto:bob@bubbleunder.com">email bob@bubbleunder.com</a></p>

</body>
</html>

My problem is that I do not see the image in my web page. I only see a box with an X and "A circle of divers practice their skills" What I am doing wrong PS the image is in my web site file