I am taken a html course for school and I have to design a webpage for my assignment. I did everything and now I am adding the picture and I'm not sure why it is not showing up. Both the HTML and JPG image are in the same folder under case2, which is the folder my teacher gave us. I used the code...
<h1><img src="macbeth.jpg" alt="macbeth" /></h1>
I even tried making a new images folder and doing
<h1><img src="images/macbeth.jpg" alt="macbeth" /></h1>
but nothing seems to work.
If anyone has a solution, please help:/ thank you so much!
Is the image named exactly like that, all lower case?
See http://htmlhelp.com/faq/html/images.html#broken-image .
Yeah it is all lowercase and I even tried typing macbeth.JPG. but nothing happened. This is so confusing. I am going to explore that htmlhelp faq and little and see if I can figure something out. Thank you for your time.
It says my file is a jpeg file, is that the same as jpg?
No, not as far as the server is concerned. Rename it to .jpg . FYI that goes for any file type that can have different extensions, like HTML files. xxx.html and xxx.htm are two different files, even if both extensions mean they are HTML files. The URL must be correct to the letter, case and all. The letter bit is true on Windows also, just not the case bit.
Okay I renamed it macbeth.jpg but under type it says jpeg image. and it is still not showing up. I'm really not sure what is going wrong. I have the html in a zipped folder also. should I delete that out of the zipped folder and then try?
I just deleted the zipped folder, and everything is in the same folder. urgh.
Also just wondering, why do you have an H1 tag around the image?
That is what the book says to do, and in the book there is a picture of previous work, and that is what it is also. I dont know why, but thats it. I would love to just do <img src=TINYPIC URL> lmfao, but nooo. my teacher wants it her way ahha
I guess it's supposed to be the heading.
It sounds like you haven't put this on the web so you can give us a link. Attach the whole HTML file to your next post or paste the markup in, all of it.
Another thing, what browser do you use and what do you get instead of the image? The alt text? An error message? Nothing?
this is what i have...
<html>
<head>
<!--
New Perspectives on HTML and XHTML 5th Edition
Tutorial 2
Case 2
Fiddler Page 1
Author: Michelle Primavera
Date: September 19, 2011
Filename: slide1.htm
Supporting files: back.jpg, end.jpg, fiddler.jpg, forward.jpg, slide1.jpg,
start.jpg, thumb1.jpg - thumb6.jpg
-->
<title>Fiddler: Slide 1</title>
</head>
<body>
<div>
<img src="fiddler.jpg" alt="Fiddler on the Roof" />
<hr />
<img src="home.jpg" alt="home" />
<img src="start.jpg" alt="start" />
<img src="back.jpg" alt="back" />
<img src="forward.jpg" alt="forward" />
<img src="end.jpg" alt="end" />
<br />
<img src="thumb1.jpg" alt="slide1" />
<img src="thumb2.jpg" alt="slide2" />
<img src="thumb3.jpg" alt="slide3" />
<img src="thumb4.jpg" alt="slide4" />
<img src="thumb5.jpg" alt="slide5" />
<img src="thumb6.jpg" alt="slide6" />
</div>
<hr />
<div>
<img src="slide1.jpg" alt="slide1" />
</div>
<blockquote>
<p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p>
</blockquote>
</body>
</html>
and then I have to have pictures show up in the img src ones but they aren't showing up.and in the folders that is the names of them.
If the html file and the images are in the same folder they should show up.
Otherwise if you have the images in a different folder (like "images") then you'd need to put that in the src address
<img src=images/thumb1.jpg>
but they are in the same folder. Idk why they aren't working. I am getting so frustrated. Idk what to do.
see they are all in the same folder! :/
Wheres the HTML document? It needs to be in the folder.
Oh Wait, is home the document. Try calling it index.html
OK, now I'm confused. There is no reference to macbeth.jpg in the HTML you posted. But there is a bunch of other images. Are you saying none of them are showing up?
You let Windows hide the file extensions, so it's hard to see in the screen cap if everything is alright. Which is the problematic HTML file, home.html? You should turn on file extensions. Hiding them is bad for you.
This is not related to your problem, but you should use a doctype. If you aren't really writing XHTML you shouldn't use those closing slashes in the IMG and HR tags.
HTML
Sorry, jimlongo already said half of that. Slow typer, me.
yeah pandy sorry I was doing a macbeth assignment, but now I am doing a different assignment, and its not working on this assignment either.
None of the images work?
Turn on file extensions. Maybe the images are called .jpeg again.
Open any folder and go to the Tools menu and find Folder Options. On the View tab, check that "Hide extensions for known file types" is NOT ticked. This is on XP. It may be different on later OSes, but shouldn't be to far off.
Okay I did that...
now I use real time editor on IE to type of the html..
How should it look now?
<img src="home.jpg" alt="home" />
is that the correct format of it ^
Idk why my teacher wont let me just upload the pictures and use the url's. Idk why she is making me go through f---ing documents. excuse my language.
[mod: language redacted]
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)