Jump to content

Html Help.


Newmoon

Recommended Posts

ok i am trying to learn html and i have a book called "HTML for Dummies" and well it did not do to good on telling me what i want to know...this is my Q, how do i use the img tag's..? do i have to make a folder and put all the image's in that and upload it...or how do'es that work..? what i mean is..i am not able to view the image's when i am makeing the site on my computer..? i have to have the site and the pic's on the internet first for the tag's to find them...? and do i put the image's in a folder and upload that..? i am sorry for the Q's i am realy new to html and am trying to find this out before i do anything else in the book...i dont want to get more lost....

Share this post


Link to post
Share on other sites

You upload the pictures to your site.

 

Then you do <img src="whatever.jpg"> or if you want it on someones site (as a signature perhaps) you do, <img src="http://yoursite.com/whatever.jpg"> . You can also make width and height and what it says over it. <img src="http://yoursite.com/whatever.jpg" width="100" height="100" alt="whatever">

 

That would make your picture 100x100 and alternate text as whatever.

Share this post


Link to post
Share on other sites

The tage just tells the browser where the image is located, and how to format it, as OC16 showed you. It really doesn't matter where the images are.... but of course, they need to be online for anyone else to see them.

 

If you are just doing HTML, you can do everything on your PC and it'll work fine... and then when you are finished upload it all to a web server.

 

Best thing to do is 1st orginize you files into one folder. For example C:\HTMLSTUFF

 

Then inside that folder, put and images directory that will contain all your image files. For example: C:\HTMLSTUFF\IMAGES

 

Then when uploading to your sever, just upload C:\HTMLSTUFF\*.*

 

 

 

When using the IMG tag, you can use an absolute path:

<img src="http://forums.overclockersclub.com/style_images/oc_logo.gif">

 

Or you can use a reliative path:

<img src="oc_logo.gif">

- This would look for the oc_logo.gif in the same directory as the HTML file that the code is in.

 

<img src="style_images/oc_logo.gif">

- This would look for the oc_logo.gif in the style_image directory.

 

 

Using the relitiave path you can also navigate backwards in the directories to get an image... though this can get a bit tricky.

<img src="./style_images/oc_logo.gif">

<img src="../style_images/oc_logo.gif">

<img src="././style_images/oc_logo.gif">

Share this post


Link to post
Share on other sites

Well, I'm self-taught, I learned in about 2 days and I have been doing my site for about 4 years now... Go to HTML Goodies and go through the HTML primers. Once you finish that, you can step by step learn different languages... It's a lot better than buying a book... cause it's free and it's, in most cases, better.

 

As for your images, I'd create a folder somewhere on the computer, then put all the files you are going to use in there and organize it how you like, then just link to the images the easy way... rather than <img src=Http://www.server.com/img.jpg> use <img src=img.jpg> and then upload the contents exactly as they are to your server

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...