Images

There are different ways to work will graphics. In order to get into a good HTML designer, there are certain practices you should begin to use.

With graphics, you should use the following attributes with your image tag to maintain the integrity of the image and assist your viewers. These attributes include height, width, alt, and border. You will need to use your src attribute each time. Note: most graphics are inline ... or appear 'in' or embedded in your page.

Using a relative URL for your graphic:


You can also use an absolute URL to view an external graphic. External graphics give the user a choice to view your image. It also helps out on the download time.
External Graphic

You can play with the graphic's size and create a custom rule. This graphic is actually only 5 pixels by 5 pixels. But by changing the height & Width, I can make my own colored hr. Also note ... that when working with height and width, you can use percentages. If you want the graphic to fill the entire page, you can use 100%.

For those that need extra help seeing the source code for using a graphic as a link ....


And if you didn't notice ... I also used a background image ... check the body tag for the syntax. Okay ... annoying, but you get the idea. (Consider it a lesson in planning your background image.)