Jump to content


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.

Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.


Adding A Picture

  • Please log in to reply
4 replies to this topic

#1 skeeter395


  • Members
  • 21 posts
  • Local time:03:50 AM

Posted 30 November 2007 - 10:11 PM

I have started to make a web page with html tags and notepad. I want to know if I can add a picture that i have saved on my harddrive and if I can vew the picture on the page befor I publish it? Thanks for any help.

BC AdBot (Login to Remove)


#2 TVT


  • Members
  • 140 posts
  • Gender:Male
  • Location:Wisconsin
  • Local time:04:50 AM

Posted 30 November 2007 - 10:35 PM

Youre going to have to put the picture on the server with your website. And you wont link to the picture on your hard drive but the one on the server. For example if you have www.mysite.com and you want bob.jpg to be displayed on your page. You would have to upload the picture to the website, possibly www.mysite.com/images/bob.jpg. Then in the html document you would use the <img src="http://www.mysite.com/images/bob.jpg width="x" height="y">. Hopefully that made some sense.

Looking back, I think I misunderstood what you were asking. Use the <img src="file:///filepath width="x" height="y"> to insert any picture on your hard drive while designing. Just make sure you change it to the online image when you get to actually hosting the website.

Edited by TVT, 30 November 2007 - 10:47 PM.

Posted Image

#3 medab1


  • Members
  • 854 posts
  • Gender:Male
  • Location:earth
  • Local time:04:50 AM

Posted 01 December 2007 - 04:57 PM

I have started to make a web page with html tags and notepad. I want to know if I can add a picture that i have saved on my harddrive and if I can vew the picture on the page befor I publish it? Thanks for any help.


What I have gotten into the habit of doing is to create the html file with notepad with all the needed image files or whatever located in a FOLDER in My Documents.

All pictures or whatever is going to be called up by the html file is included in the same folder or directory.
Folder on computer,directory on website.

When satisfied with the results,I open the webshell at Angelfire,where I have my site, & I upload the entire folder to a directory of its own.
Using the file name with notepad in the html file with the picture or whatever is ok.
It works if the entire folder is uploaded to a directory on you website server.

As you may know,an html file needs all added things like pictures,etc., added to the same directory as the html file itself.

It saves you from having to use the entire WEBSITE url of added images & things.
For example-
<img src="dog.jpg"> instead of <img src="god_knows_how_long_a _ server_url_will_be_/dog.jpg>

If you have mydog.html & a picture called rex.jpg is included in the folder uploaded or directory on your server the picture will work.

I hope that makes sense. :thumbsup:


I'm so used to doing things like this that sometimes it is hard to explain things that are simple to me to someone else.
I am always available for extended help if what I write here is questionable.

Edited by medab1, 01 December 2007 - 05:05 PM.

Learn to take screenshots & add them to your posts. :thumbup2:


Learn to use Google Search.  :busy:

Make full system images to restore to if your computer goes bonkers.

#4 Noot


  • Members
  • 98 posts
  • Gender:Female
  • Location:Central New York
  • Local time:05:50 AM

Posted 02 December 2007 - 10:42 AM

To view this, all you have to do is go to your browser, click File>Open File>then find your .html file

You will be able to view it as if it was up and live.

You can use either an absolute path or a relative path for linking your imagery. An absolute path, would be as TVT mentioned. Locating from your C drive and through each folder until you get to the exact file. A relative path is usually starting from the point where your index.html file is located. For example, if you have a folder on your desktop called "Site" and within that folder you have your index.html folder and a folder called 'images'. Within that folder would be an image called, 'happy.jpg' To write it, because your site is contained within your 'Site' folder, all you have to write in your index.html is: <img src="images/happy.jpg">

If you use the absolute path, you will have to do as TVT mentioned and change the path name to the online file name once it's online. The relative, you shouldn't have to change anything.

ps: You can do this also with links, using the <a href="link.html">Link</a> code as well.

Good luck and I hope my 2 helped! :thumbsup:

Edited by Noot, 02 December 2007 - 10:43 AM.

Posted Image

"I would feel more optimistic about a bright future for man if he spent less time proving
that he can outwit Nature and more time tasting her sweetness and respecting her seniority."
E. B. White (1899 - 1985)

#5 skeeter395

  • Topic Starter

  • Members
  • 21 posts
  • Local time:03:50 AM

Posted 03 December 2007 - 10:10 AM

thanks for the replys.

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users