Getting started
The basics
Using text
Hyperlinks
Lists
Images
Tables
Frames
Forms
Uploading your pages
All tags
Meta tags
search engines
Better your rankings
color chart
Recommended reading
If this site has helped you at all... Please
Add a link to us.
from your web site.
There are many types of images such as JPG images, GIF images, BITMAP images, TIF images, and so on. I primarily use GIF's and JPG's because of the ease and workability with most website hosting providers.
I've added some background jpg's for all you to use for free... Click Here. There are many other places to find GIF's and JPG's as well. Just type in free gifs at any search bar and you'll have more than you know what to do with. When you get to these places that are nice enough to share thier graphics with you, they'll walk you through the process of saving the graphic. Then you will need to upload it to a site in order to use it on the web. You can also use any picture that you see on the internet if you so choose. I'll show you how later on this page.
Now I'll show you how to put a graphic on your page. You simply use this tag,
<img src="http://your host.com/name of pic.gif" alt="images">
or
<img src="http://your host.com/name of pic.jpg">
or if you upload your graghics to the same directory as your pages at your website, you can simply type in the name of the graghic...
ex... <img src="name of pic.gif">
This is also helpful when your trying out new images on your pages...
You simply store your image in the same folder as your html document that you are working on.
If you don't know what type of graphic it is. Right click on it and click on properties. Backgrounds are usually JPG's, but you can use any graphic for a BACKGROUND. To use a graphic for a background instead of using your plain old <body> tag...type in...
<body background="http://your host.com/name of pic.jpg">
The background for this page is...
<body background="http://freeinternetservice.hypermart.net/b68.jpg">
Here is a good example of using an animated gif...
The tag would look like this...
<img src="http://freeinternetservice.hypermart.net/frog.gif">
If you want to see how it works on your page without uploading it to a website...
- right click on the frog
- click save picture as...
- find html folder that you are working on
- store the picture, the name of the image will be frog.gif
...you should now be able to see the graghic on your page by typing in this code...
<img src="frog.gif">
That's how to borrow graphics on the WWW :-) (Keep in mind that not all images are free and you should ask for permission when using them.) You can do that with just about any pic you find.
Here's a few images that you can take and use on your web sites. Click Here for free images.
Now...You can use a graphic in a hyperlink, like all of those pretty banners you see. Here's how...
Type or copy and paste this into your html document...and you'll have a pretty froggy banner that will bring you right back here.
<a href="freeinternetservice.hypermart.net/p6.htm">
<img src="frog.gif">This will bring you back</a>
If you want to create custom banners, you'll need to get into your paint program. (I use Paint Shop quite often...because it comes with your computer.) Or You could purchase a program that I use quite often... Xara Graphics
If you want to make animated banners, it's imparative that you buy a program like Xara Graphics. You can download a trial version for free.
click here for free trial of
Xara Software.