Once you have the graphic uploaded to your hosting service you are ready to add it to your Web page. Go into your file manager and click on the name of the graphic. You will now see a page with nothing but the graphic on it. The address or location bar at the top of your browser will now show the new address of your graphic. Copy it. Go back to the file manager. Then go into the edit page for the Web page you want to add the graphic to. Put the basic HTML tag for an image where you want it in your Web page code. The code looks like this:
<img src="name_of_graphic.gif">
Replace the address where it says "name_of_graphic.gif" inside the quotes with the address of the graphic that you copied a minute ago. [tt]*note - You may want to add <P> or <BR> tags around the graphic code to separate it from the rest of your page.[/tt]
You don't have to settle for the default placement of your graphics on your page. If you wish you can align the image to the left by adding a space and the code align="left" after the quotes at the end of the name of your image. You can also align to the right, top, and bottom by replacing "left" with the appropriate direction. Another thing you can do to your graphic is to create a border around it by adding border="0" and replacing the "0" with the size of the border you want. If your graphic now looks lonely and you want to add some text around it you can do so by just adding the text after the code.
Adding a background image is a little different. Since a background is all over your page and the rest of the images and text are in front of it, it must be placed on your page differently. The only real difference to this though is the placement of the code and the tag. Instead of adding the code for the image wherever you want it on the page, you must add the <background> tag and the images address inside the <body> tag. Instead of just <body> before the text for your page the code will look like this:
<body background=http://sitename.com/image.gif>
Then you just need to replace "http://sitename.com/image.gif" with the address of the background image that you want to use. Now you have a great background for your page that instantly tells your viewers who you are and what your page is about.
Page One > Linking To Graphics
