Image into my web page
I have written the code as follows
<title>Bubble Under-The diving club for south-west UK.</title>
<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>
<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>
<p>To find out more, contact Club Secretary Bob Dobalina on 01793 6411207 or <a href="mailto:email@example.com">email firstname.lastname@example.org</a></p>
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
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.
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
Originally Posted by Shabudin
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
Make sure the image filename 'divers-circle.jpg' is in the same folder as the HTML file.
HTML file: C:/mysite/htmlfile.html
Image file: C:/mysite/divers-circle.jpg
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.