Images, HRs, Links, and Wallpaper
Inserting images or graphics is relatively easy. The basic tag to use is <IMG SRC="filename"> Here I have placed a small graphic and centered it. The code is <P ALIGN="center"><IMG SRC="pawRed.gif"></P>
To help the page load faster, it is a good idea to use height and width tags. The code for the image above would be: <P ALIGN="center"><IMG SRC="pawRed.gif" WIDTH="16" HEIGHT="16"></P>
You can align images just like text with the ALIGN tag. This graphic aligned right would be: <P ALIGN="right"><IMG SRC="pawRed.gif" WIDTH="16" HEIGHT="16"></P>
There is a BORDER tag you can incorporate in the IMG tag. Check this out: <P ALIGN="center"><IMG SRC="pawRed.gif" WIDTH="16" HEIGHT="16" BORDER="5"></P>
This BORDER tag comes in handy when you want to link a graphic but do not want that colored link border around it. In that instance, you would use BORDER="0" in your IMG tag.
If you wanted to place more than one graphic on the same line, you would just repeat the IMG tag. At most you can place only one space between them - or any text, for that matter. To get around that, use this code for each space you want - including the semicolon at the end (it's part of the code):
Here is the same image line with 5 spaces between each graphic:
Which brings us to horizontal rules...<HR> Using just the <HR> will give you the centered default line:
You can alter the size and width like this: <HR WIDTH="450" HEIGHT="10">
And you can use the NOSHADE tag to get this: <HR ALIGN="left" WIDTH="450" HEIGHT="10" NOSHADE>
For wallpaper, you place the graphic file name within the BODY tag. For this background, I typed: <BODY BACKGROUND="flowersbg1.jpg"> Again, the file must be in the same directory or you will have to put in the full address (URL). Read the Backgrounds & Borders HTML page for more specific information.
Linking is a matter of coding too. The <A HREF></A>
is used. So to link to Page One of this Tutorial with the words "Page One",
I type: <A HREF="htmlbasics.htm">Page One</A> - as long
as I am linking to the same directory.
To link an image and not have a border around it, you use
the <A HREF></A> around the image file name like this: <A HREF="htmlbasics.htm"><IMG
Avian Critter || Canine Critter
Human Critters || Wild Critters
background/hr by me: Papagei Studios