Adding Images

   Ok, so now you think you've got the basics down, but you're ready for all the image codes.  It's true, a page without images can be boring sometimes, but it really depends on what you're looking for.  This page will help you through putting images on your page as well as making them load easier.

    Basic Image - This tag will put your image on.

<IMG SRC="image">

        The tricky part with this can be making sure that you put the right thing in place of image.  You need to know where you uploaded the image.

   ALT Tag - This is the same thing but it will show up as the image having a name.   Look at the example to get a better idea.

<IMG SRC="image" alt="name">

    Image Link - You have probably seen it.  An image that when you click it, takes you to another page.  Probably one of the most used codes, so here it is.

<A HREF="address"><IMG SRC="image"></A>

        Now, most people hate the border that shows up around things, I do for most things, so here is the code to use to get rid of the border.  Notice the difference in the two codes.

<A HREF="address"><IMG SRC="image" border=0></A>

        The same code but you add the border=0 part show that there is no border showing up.  You can combine these things to get the images you want to use.   With a little practice, you should be ok.

    Width & Height - Another good thing to use with images is width & height tags.  By adding these in, you not only have a better idea of the page layout, but it will make the images load faster because the browser already knows what size they will be.  So here it is.

<IMG SRC="image" width="##" height="##">

        You replace ## with the width and height size.  That can also resize the image, so be careful when you put the numbers in.