Image into my web page

Get Started
1

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>

	&lt;h1&gt;Bubble Under.com&lt;/h1&gt;
	&lt;p&gt;Diving club for south-west UK-Let's make a splash!&lt;/p&gt;
	&lt;h2&gt;Welcome to our super-dooper Scuba site&lt;/h2&gt;
	&lt;p&gt;&lt;img src="divers-circle.jpg" width="200" height="162"
	    alt="A circle of divers practice their skills" /&gt;&lt;/p&gt;
	&lt;p&gt;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.&lt;/p&gt;
	
	&lt;h3&gt;About Us&lt;/h3&gt;
	&lt;p&gt;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.&lt;/p&gt;
	
	&lt;p&gt;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.&lt;/p&gt;

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

	&lt;h3&gt;Contact Us&lt;/h3&gt;
	&lt;p&gt;To find out more, contact Club Secretary Bob Dobalina on 01793 6411207 or &lt;a href="mailto:bob@bubbleunder.com"&gt;email                                       [email]bob@bubbleunder.com[/email]&lt;/a&gt;&lt;/p&gt;

</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

2

Looking at post #1 the image: divers-circle.jpg SHOULD be placed into the exact same folder as that web page or it won’t be able to load the image make sure that; *.jpg file is in the same directory as your: index.html file then it will load - else you will you see the ALT text for when the image isn’t available/loaded. Also a good idea is to make sure you have saved the HTML file and refreshed the browser.

3

the location of picture is not in the same directory of you index.html, you can solve it by moving the image to the same directory or use image path such as
src=“yourdomain.com/folder/imagename.jpg”

or might be you image name and it extension is written in code is not same in the real image file. Re-check your spelling

4

Make sure the image filename ‘divers-circle.jpg’ is in the same folder as the HTML file.
Eg.
HTML file: C:/mysite/htmlfile.html
Image file: C:/mysite/divers-circle.jpg

5

You’d also find it easier to manage your site if you put all the images in a folder to separate them from the html pages. How about calling that folder something like images/ …
And did you actually upload the image as well as the html file? That does not happen automatically, images are NOT embedded in an html file, they are called by it.
Also on a Linux server, file names are CaseSENsitive.