Html Code

[TheMacDonaldMan]

I'm learning how to do small bits of coding on Notepad. I have an image I want to show, but when I load the page (locally) it just shows the parameters of the image and not the image itself. How can I fix that? This is the code:

[bhg481]

Did you know that if you right-click in a browser page and select "View page source" you can see the HTML for that page?

Bring up a page with a picture in it and right-click in the picture. Choose "Save as" and you can get the name of the picture-file.

If you go back to the source view you can "edit > find" the picture and see how it's been coded in HTML.

[jim360]

Unfortunately trying to post html code directly here won't work. If you want someone to have a look then replace any angle brackets with square brackets, or something, and change nothing else.

[TheMacDonaldMan]

[img src="MonsterTabs.jpg" width="624" height="142"]

[The Builder]

Use Notepad++ Mac. You can run code directly from there.

One of the easiest ways of displaying an image is to create an "images" folder as a sub-folder, then point to your pic using something like this........

"

[The Builder]

^^^ should have listened to Jim ^^^

[ }

[The Builder]

I give up. :o(

I used square brackets as well ....................

[Tuvok]

Where is the photo in relation to where the page is?

eg if the page is in a folder called pages and the file is in a folder called photos then you need to make sure the pahe know where to find the photo

eg. img src="../photos/monster.jpg"

[The Builder]

Mac, did you put in the < at the beginning of the line, and the > at the end?

[The Builder]

Thanks Tuvok. That's what I was trying to say, only mine was "/images"

[TheMacDonaldMan]

Ah-ha, got it! My src command wasn't correct, didn't give it the proper direction