Insert IMG

@cesareDHDec 27.2006

In the BASIC HTML lesson I’m on right now, he talks about calling up an Image, but when he shows the example I’m supposed to follow, it does not lead to the folder my images are stored in, it leads to his home page. EG:

Do I put the location on my HDD where the image is stored in place of his “http//www.etc” address? which would make it:

The instructions aren’t real clear to me:
~~[url]~~http://www.htmlgoodies.com/primers/html/article.php/3478181[/url]

to post a comment

HTML

11 Comments(s) _↴

@sandeep_sandyDec 27.2006 — #Check whether u have saved images and your html page in same

folder or on same place .

@cesareDHauthorDec 27.2006 — #Check whether u have saved images and your html page in same folder or on same place .[/QUOTE]

but using the example in the instructions, I fail to see how I'm able to get one of my images into/onto my html page.

I just hate starting out new on this stuff, cause I sound like such a "dummie".

?

@kiwibritDec 27.2006 — #but using the example in the instructions, I fail to see how I'm able to get one of my images into/onto my html page.

I just hate starting out new on this stuff, cause I sound like such a "dummie".

?[/QUOTE]

We've all had to start at the beginning. So you are no more a "dummie" than we were.

I put all my images in a folder (called [i]images[/i]) 0f the root directory. Quite often there are further sub folders.

To call up the image in a web page, I would use the following code:

[code=html]<img src="/images/foo.jpg" alt="foo" width="100" height="200">[/code] - obviously you would insert the appropriate values for alt text, width and height.

All that is pretty much in line with the htmlgoodies tutorial.

What you are looking at is how to make that image an active link - such as when an image is used as a navigation button.

So, if you want to use the image to be a link to a specific page in your site, say http://www.mypage.com/test.htm (this is just meant to be any web page) then you could use the following code

[code=html]<a href="http://www.mypage.com/test.htm><img src="/images/foo.jpg" alt="link to test page" width="100" height="200"></a>[/code]

Personally, I would use a [url=http://www.iusmentis.com/technology/www/relativeurls/]relative URL[/url], but if you are not familiar to using them , the full URL will work fine, and keep you out of trouble.

@CharlesDec 27.2006 — #The HTML Gooodies are full of incorrect and incomplete information. Best to avoid them. While not without the occasional error or omission, [url=http://www.w3schools.com/]W3 Schools[/url] are much better. HTML Goodies is the worst that I've seen.

@cesareDHauthorDec 27.2006 — #To call up the image in a web page, I would use the following code:

[code=html]<img src="/images/foo.jpg" alt="foo" width="100" height="200">[/code] - obviously you would insert the appropriate values for alt text, width and height.

All that is pretty much in line with the htmlgoodies tutorial.

What you are looking at is how to make that image an active link - such as when an image is used as a navigation button.

________________________________________________________________

I was not wanting to create a link to the image, I wanted the image to be part of the html page so that when the page opened, the image would be there in all it's glory.

@cesareDHauthorDec 27.2006 — # While not without the occasional error or omission, [url=http://www.w3schools.com/]W3 Schools[/url] are much better. [/QUOTE]

I will try this. My main problem (I think) is when I don't understand something that I know should be simple, it's frustrating and I feel kind of foolish bothering the forum with stuff that's so far below their level.

Thanx for the advice.

@kiwibritDec 27.2006 — #........I was not wanting to create a link to the image, I wanted the image to be part of the html page so that when the page opened, the image would be there in all it's glory.[/QUOTE]

OK. In which case [code=html]<img src="/images/foo.jpg" alt="foo" width="100" height="200">[/code] should do the trick.

@CharlesDec 27.2006 — #[W]hen I don't understand something that I know should be simple, it's frustrating and I feel kind of foolish bothering the forum with stuff that's so far below their level.[/QUOTE]Trust me, nothing is below our level.

We're here to help. As long as you are willing to keep struggling we're willing to point you in the right direction. But relax. Have a cup of tea or a mug a beer and enjoy the journey.

@cesareDHauthorDec 27.2006 — #OK. In which case [code=html]<img src="/images/foo.jpg" alt="foo" width="100" height="200">[/code] should do the trick.[/QUOTE]

Just to confirm that I'm understanding correctly, where you've entered the word "images" that's where I put in the location of my images, right? It's also necessary to specify image size even if I've resized the JPG down?

In this case the images are in a subfolder on my storage drive, so where you have "images", I would need to enter /F:/Temporary Storage/HTML & Images/BroPlaque.jpg" to indicate where the image is now. It looks like I need to create a new root folder and move my junk into it to simplify things.

@kiwibritDec 27.2006 — #Probably the easiest thing to do is to have a directory in your computer that mirrors your web server root directory - complete with the various folders you have in it. That will simplify loading to your web server considerably. F:/Temporary Storage/HTML & Images/BroPlaque.jpg will not exist on your ISP's server - so the image will not load to your web page. Another advantage of this method is that, if you eventually introduce a server to your computer, you can check out the site - including the server-side elements- before loading it to your web server.

I recommend you [url=http://www.netmechanic.com/news/vol6/html_no6.htm]do not have spaces in your folders and file names[/url]; if really necessary, use a hyphen separator instead of a space.

@cesareDHauthorDec 28.2006 — #Probably the easiest thing to do is to have a directory in your computer that mirrors your web server root directory

I recommend you [url=http://www.netmechanic.com/news/vol6/html_no6.htm][/QUOTE]

I don't have any idea what you're talking about when you say "web server root directory". If I have one, it's news to me and I sure don't know where it is.

I'm starting new from scratch trying to learn HTML. So far I have 20 lines in Notepad, saved as an HTML file, which actually works! So it seems to me that you're way ahead of where at and it's a little confusing. If I need a "web root directory" I guess I'll have to build/make one. I assume it's just a primary directory I create on my primary HDD where I would store anything related to my web stuff (which I don't even have yet).

I figured I'd need to build a web page, then try and figure out how to get it on the Internet. Obviously I didn't anticipate the need for a "web root directory" or servers, etc. At this point of confusion, I feel like I'm in way over my head, but, hopefully with some patient guidance I'll get where I need to be.

Now I'm going to go to the site Charles recommended and start all over. I'll be back when it looks like I can [U]maybe[/U] see a lite "at the end".

Thank you.

Also in #HTML _↴

drop down menu form display Launching Pop Up Windows Button needed to play an audio file.

Success!

Help @cesareDH spread the word by sharing this article on Twitter...

Tweet This

Insert IMG

11 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Insert IMG

11 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

11 Comments(s) _↴

Also in #HTML _↴