Tuesday, 06-Jan-2009 15:24:34 PST

Member Space  Internet Security  New to the Net?  •Internet FAQs  •Internet Introduction  •What's a Browser?  •What is E-Mail?  •Search Engine Basics  •What are Newsgroups?  •What is Chat?  Chat  Your Homepage  •The Basics  •Uploading 1A  •Free Images & Code  •Adding Color  •Adding Links  •Adding Images  •Specifying Fonts  •Add a Counter  •Server Side Includes  Member Pages  •Business Pages  •Personal Pages

Your Homepage   :  Adding Images Adding Images So, you want to add some images to Your Homepage? This tutorial will give you the tags you need. But, if you need images, be sure to visit our Free Images and Code Page where you can pick up images courtesy of the psnw.com creative team. In order to add images to Your Homepage there are a few things you need: An image or images in GIF or JPG (JPEG) format. The names of the images and where they are located on the server, so you can instruct the browser where to find them. NOTE: It's perfectly okay to store your image(s) in the same folder or directory as your HTML file(s). However, if you are displaying several images on your page, you may want to place them in a subdirectory. -back to top- The Tag: <IMG SRC="_" ALIGN="LEFT"> The Tag Broken Down by Function: <IMG SRC="_"> — Instructs the browser to display an image. The _ is not part of the tag, it is being used here as a placeholder for the name and or path of the image file you plan to use. ALIGN="LEFT" — Instructs the browser where to place the image. NOTE: The image tag is one the few HTML tags that does not have a closing tag. -back to top- NOW ... An Actual Image Our image is named "atom.gif," and it's stored in a folder named "images," which is stored in the same folder on the psnw.com server as the HTML file of this page. The HTML for our atom image is this: <IMG SRC="images/atom.gif"> This is how it looks on the Web page: To control where an image is placed on the Web page, you will need to include the alignment attribute, like this: <IMG SRC="images/atom.gif" ALIGN=RIGHT> Which looks like this on the Web page: NOTE: To align it to the left or the center, simply substitute ALIGN=LEFT or ALIGN=CENTER. -back to top- Adding a Border Around an Image To add a border around an image, you will need to include the BORDER attribute within the image tag, like this: <IMG SRC="images/atom.gif" BORDER=3> Which looks like this on the Web page: NOTE: The number sets the pixel size of the border. To change the width, simply change the number. -back to top- Home - About psnw.com - Reseller Program - jobs@psnw.com Technical Support - Customer Service - Home Services - Business Services Terms of Service - Privacy Policy - Contact Us - Refer & Earn - Site Map [ Privacy Policy ] Members of psnw.com, agree to abide by our Terms of Service. © 2006 ProtoSource Network. 6615