CODEWITHSUNDEEP
htmlimage
user2801778
user2801778

Reputation: 11

I am trying to get my image to show on webpage

What do I have to do to get my images to show up on my webpage. I am trying to put the images in my html document. The box shows up but not the image. This the code <img scr="smile.jpg" width="120" height="90"/> I have not put the web page on the internet yet.

<HTML>
<HEAD> 
    <TITLE> Tay first Web page </TITLE>
</HEAD>
<BODY>
<H1 ALIGN="center"> Why do I want to learn to code? </H1>
    <P> I want to learn to code because it will help me develop the skills I need in web development and game development. My goal is to learn how to code in many different languages. It is amazing to me to be able to create something from scratch and making it into your vision.</P>
<H2 ALIGN="center"> Why is coding fun? </H2>
    <P> Computer coding is <STRONG> wonderful.</STRONG> You get to make a web page with whatever info you want and add so many things to it to make it mind blowing.There are colours, images, flash, and you can even make a video game if you wanted too. The possibilities are endless and mind blowing.</P>
<H3 ALIGN="center"> How can coding be important in the real world? </H3>
    <P> <EM>Technology</EM> is everywhere and is constantly changing. <MARK>Computers</MARK> are so intertwined in our lives. People view web pages all the time and are looking at code everyday. Being able to code can get you a job if you are efficient with different languages.
    <P><STRONG>These are the best consoles ever!!!!</STRONG></P>
<UL>
    <LI>N64</LI>
    <LI>SEGA GENESIS</LI>
    <LI>XBOX</LI>
    <LI>XBOX 360</LI>
</UL>
<TABLE BORDER="1">
<TR><TD>First</TD></TR>
<TR><TD>Second</TD></TR>
<TR><TD>Third</TD></TR>
</TABLE>
<IMG SRC="smile.jpg" WIDTH="120" HEIGHT="90"/>

</BODY>
</HTML>

Upvotes: 1

Views: 224

Answers (5)

WalWebster
WalWebster

Reputation: 1

If you're looking to find it on a Linux server, the file name is case-sensitive. If you set it up and tested it and found that it tests fine on a Windows system, you will perhaps not have noticed that smile.JPG and SMILE.jpg and Smile.jpg will all be treated as though they're the same thing as smile.jpg. On a Linux host, if you call for smile.jpg and it's been stored as smile.JPG (for example), you'll get the result you're observing.

Upvotes: 0

benteh
benteh

Reputation: 2288

Check the following: Could your image possibly be in another folder than your your file? Could there be other divs or elements on the page that might be "on top" of your image? Could your layout place things "off-screen"? Could there be code that sets something to visibility: none? Could you have spelled the filename of the image wrong? Are you absolutely certain you force refresh your browser window when trying to load again?

Please give us the entire code; preferably as a JS-fiddle.

Upvotes: 0

Frax
Frax

Reputation: 3093

Width and Height attributes should have units. You want them in pixels? Try this: 

<img src="smile.jpg" width="120px" height="90px"/>

Upvotes: -1

Brian lee
Brian lee

Reputation: 356

your img tag was wrong,it should be 

<img src="smile.jpg" width="120" height="90"/>

Upvotes: 0

Quentin
Quentin

Reputation: 943142

You have to spell src correctly (SouRCe). You have two of its letters reversed.

This would have been picked up if you had performed some basic automated QA by using a validator.

Upvotes: 6

Related Questions