This forum is now read-only. Please use our new forums! Go to forums

0 points
Submitted by Jordan Clive
over 11 years

Trying to put an image in my own Notepad++ but can't

As I learn from each of the lessons, I am simultaneously creating my own webpage. I can’t seem to get any pictures from my computer, pictures on my facebook account, or pictures found on the internet to work. What do I need to do?
This is the specific coding I used:

<body>  
    <p>Fill in info here</p>
    <a href="http://www.facebook.com" title="the book of face">facebook.com</a>
    <img src="https://plus.google.com/u/0/photos/+AlanShapiro/albums/5628643698787712657/5710456685368204418" height="75" width="100" />
</body>  

Alex J edited this post to format the code

Answer 505b72da8cb226000202dbb6

2 votes

Permalink

The URL you used in the <img src=""> doesn’t point to an actual image file, it references a whole web site. You need to right-click that image and select “Copy image address” or “Copy image URL”. Then put that URL inside the src="" attribute. For your example, the (shortened) image URL is http://is.gd/dGz4HJ:

points
Submitted by Alex J
over 11 years

3 comments

Jordan Clive over 11 years

Great. Thanks. Now, how do I get a picture from my harddrive onto my website then?

Alex J over 11 years

You have to upload it somewhere (e.g. an image hosting service such as www.imageshack.us) in order to reference it from the HTML. If your HTML page is on your local hard drive, then to embed a picture you just need a relative path to it (if the html and the picture are in the same folder, that’s just the filename). The same should work if you upload that folder to a server via FTP.

manitejavarma over 10 years

can u tell me how to add an image that is present on my computer

Answer 54e9a2db937676814b002f75

1 vote

Permalink

Easy. Notepad is built to run like the CPanel. When you create your home page, save it to a folder on your computer, name it after the chosen website. When you d your stylesheet, save that to the same folder and follow this for each additional page. you’ll end up with a directory folder, which is almost perfet to upload straightinto the host’s backend (Dependant on your chosen structure!)

Same goes for adding images, just save them to the folder then link to them in your code. Here’re one I used to insert the Logo into my page:

You’ll see that as it’s already in the same directory, there’s no need for a folder path, it will find it just from the name and filetype. Be weary of file size when doing this.

You’ll see that I’ve only put basic code in there, this was to stop it becoming a link to anything. You can still use this to make a link to another page. On my sub domains, every occurance of the logo will be a link to the home page.

thanks,

Thom

points
Submitted by 1tomh1
about 9 years