First Time Web Page Adding Pictures

jd6158 · 12-14-2004, 04:49 PM

Well now that (with the help of this forum) I have my web page up and running I need help adding pictures, I have uploaded my pictures to my server’s public.himl. What I need to know is how to do this. I want to add the pictures to the body of the web page. I will try to explain what I have done in hopes some one can tell where I am wrong. I started my setup like this.

<html>
<head><title>xxxxxxxxxx</title>
<body bgcolor=”#FFFFFF”>
I type here xxxxxxxxxx xxxxxxxxxx xxxxxxxxx<br>
Moor type XXXXXX XXXXXXX XXXX<br>

This is where I want to add my pictures. I try using this code. <ing src=”Honda 750.gif”>
</body>
</html?
When this was uploaded I pulled up my web page and the only thing that was there was my type. My question is this.
In <img src=”Honda 750>gif”> do I need to add my severs name like (zxvxz.com) Location like (public.html) and (username) any other function keys that I should be using.
Try to take in to account that I am a 68-year-old computer dummy that wants to learn.
I have read everything On HTML that I can find, but I just don’t understand everything thing that I am reading

**Jason** · 12-14-2004, 08:41 PM

If you are pulling up the image from the same directory as the html page, use the following code:

Code:

<img src="image.gif">

If you have images under a directory such as images, which I would recomend to make things less cluttered, use code such as:

Code:

<img src="images/image.gif">

Of corse, you have to change image.gif to the file name. Make sure you use case sensitive. Image.GIF is not the same as image.gif Also if you are under the directory, change images/ to the images directory. Case senstive also.

Skie · 12-14-2004, 08:45 PM

When uploading your pictures, you can do 1 or 2 things. Either upload them to the same spot where your HTML files are located, or create a folder called "images" and put all of them in that folder. Also, if you can, try to avoid using images with spaces in the name. It'll make things a lot easier for you.

If the pictures are in the same spot as the HTML file, then all you need is this code: <img src="image.jpg">

If the pictures are in the images folder, then use this: <img src="images/image.jpg">

Hope this helps.

EDIT: Doh! It looks like I cheated by copying danrak's post. :o

TheWizardOfOz · 12-15-2004, 09:03 AM

This is the best place to learn HTML....is where I learned: W3C Schools
It's very user-friendly and even has an editor for each tutorial so you can practice what you're learning!

Good Luck!

12-14-2004, 04:49 PM	#1 (permalink)
jd6158 Registered User Join Date: Dec 2004 Location: ohio Posts: 20 OS: Win98	First Time Web Page Adding Pictures Well now that (with the help of this forum) I have my web page up and running I need help adding pictures, I have uploaded my pictures to my server’s public.himl. What I need to know is how to do this. I want to add the pictures to the body of the web page. I will try to explain what I have done in hopes some one can tell where I am wrong. I started my setup like this. <html> <head><title>xxxxxxxxxx</title> <body bgcolor=”#FFFFFF”> I type here xxxxxxxxxx xxxxxxxxxx xxxxxxxxx<br> Moor type XXXXXX XXXXXXX XXXX<br> This is where I want to add my pictures. I try using this code. <ing src=”Honda 750.gif”> </body> </html? When this was uploaded I pulled up my web page and the only thing that was there was my type. My question is this. In <img src=”Honda 750>gif”> do I need to add my severs name like (zxvxz.com) Location like (public.html) and (username) any other function keys that I should be using. Try to take in to account that I am a 68-year-old computer dummy that wants to learn. I have read everything On HTML that I can find, but I just don’t understand everything thing that I am reading

12-14-2004, 08:41 PM	#2 (permalink)
Jason RSS Feed Join Date: Dec 2001 Location: Pasco, FL Posts: 9,215 OS: Windows Vista My System Blog Entries: 2	If you are pulling up the image from the same directory as the html page, use the following code: Code: <img src="image.gif"> If you have images under a directory such as images, which I would recomend to make things less cluttered, use code such as: Code: <img src="images/image.gif"> Of corse, you have to change image.gif to the file name. Make sure you use case sensitive. Image.GIF is not the same as image.gif Also if you are under the directory, change images/ to the images directory. Case senstive also. __________________ Posting Tips \| Posting Help \|

12-14-2004, 08:45 PM	#3 (permalink)
Skie Manager, Alternative Comp Join Date: Mar 2003 Location: Chicago burbs Posts: 2,194 OS: Gentoo Linux, CentOS, OS X My System	When uploading your pictures, you can do 1 or 2 things. Either upload them to the same spot where your HTML files are located, or create a folder called "images" and put all of them in that folder. Also, if you can, try to avoid using images with spaces in the name. It'll make things a lot easier for you. If the pictures are in the same spot as the HTML file, then all you need is this code: <img src="image.jpg"> If the pictures are in the images folder, then use this: <img src="images/image.jpg"> Hope this helps. EDIT: Doh! It looks like I cheated by copying danrak's post. :o __________________ Last edited by Skie; 12-14-2004 at 08:47 PM.

12-15-2004, 09:03 AM	#4 (permalink)
TheWizardOfOz Registered User Join Date: Nov 2004 Posts: 2 OS: Windows XP Pro	This is the best place to learn HTML....is where I learned: W3C Schools It's very user-friendly and even has an editor for each tutorial so you can practice what you're learning! Good Luck!