Html picture code?

Question

Ok, so I am making a web page from scratch and I want to add a picture. I am using this code:

For some reason it is not showing up on the webpage as my picture. It shows up as a white box with an X in the center. Please help me!!!

I am using notepad and the actual html is

I saved the picture to my computer.

Answer 1

first save your picture to a site such as photobucket.com. then copy the url and put . i love html.

Answer 2

the code that you are using applies only if the image (image.gif) is in the same folder as the html file... If you have the picture in a folder called "images" you need to rewrite your code to:

Answer 3

Are you using the full URL for your picture? Say, for example, you used Photobucket to upload your photo. You would then paste the direct URL inbetween the quotes as opposed to "image.gif".

UPDATE: You may have saved the picture to your computer, but from there you have to upload it to an image hosting website, like http://imageshack.us . Once you upload the photo, you will be given a direct URL. Copy the direct URL and paste it inbetween the quotes.
Even if you wanted the your browser to display the image from your hard drive, you would still need to specify the file path for that image (c:\mydocuments\mypictures\mad.gif), but if you want it to appear on your myspace page, you will have to upload the image to an image hosting website.

Answer 4

You probably don't have the path set up properly. If you are using a relative image path, you need to know both where the page is and where the image is. Take the following directory tree for www.example.com:

/images
--icon.gif
/about
--about.html
index.html

There are two ways to access the file icon.gif. The first is absolute, the second is relative. Absolute paths will start with either http:// or simply /. These paths locate the image relative to the root directory and are independent of the page's location. In the example tree, any page can display icon.gif with either of the following paths: http://www.example.com/images/icon.gif or /images/icon.gif.

Relative paths are paths relative to the current directory; they are different depending on where the page is located. Here are the relative paths needed to display the image on both example pages:
index.html - images/icon.gif
about/about.html - ../images/icon.gif

(the .. means go up one directory)

If you used relative paths on your site, you might have added or omitted a '..'. If you used absolute paths, make sure your url is not one of those user subdirectories (the ones that start with ~) becuase the root directory for those is at least one level higher than the directory where you put all your files.

Answer 5

your image file has to be in the same directory (folder) as your web page file ( .html ).

For example: say your webpage is page.html and it's in C:\webpage\page.html, then your image.gif has to be in C:\webpage\image.gif.

If your image file is in C:\images\image.gif then your html tag has to be

The same idea applied after you upload the items on the web.

Answer 6

The specified image could not be found. This is the reason why the x appears. Note that you have to upload the picture as "image.gif" to the home directory of your server.

Answer 7

It sounds like you just used the code not were the picture might be may I suggest that you check out coffiecup.com
Or webmonkey.com for more help

Answer 8

ok... put your image.gif in same location or folder where your Html page is or give full address of image.gif. This will work out.

Answer 9

What is the name of the file and where is it located?

Have you uploaded the file to the website?

Answer 10

are you entering the correct image url?