How to Code Web Clip Art

By learning some simple HTML code, you can easily add web images to your site without using advanced website-editing software. Image tags are used to insert clip art and other image files into the pages of your website, so that Internet browsers will recognize the files as images and know how to display them correctly.

Instructions

Difficulty: Moderately Easy

Things You’ll Need:

• Notepad or Microsoft Word

Learn to Code Clip Art

1. Create an image folder on your website's directory, and upload all of the clip art and image files you plan to include on your website to this folder. This folder's title will be included in any image links you include on your pages, so make it something simple, such as "images."
2. Use the "IMG SRC" tag in brackets to code your clip art in Microsoft Word or Notepad. The "SRC" refers to the source of the image on your site's directory.
3. Add other attributes, as desired, to the image code for your clip art, such as a border or measurement. Each attribute has a different abbreviation, which you can locate on any HTML-reference website or in any HTML guide. By typing "BORDER," followed by an equal sign with a number in quotations, you can apply a border around the web image. For example, putting "O" after the equal sign means no border should appear.
4. Memorize common HTML used with "IMG" tags, such as alignment tags for "CENTER," "LEFT" and "RIGHT." Each of these alignment tags requires an open and closed bracket to be wrapped around the IMG code.
5. Use the "ALT" attribute with your "IMG" tag to allow users who cannot view your web images to know what should have appeared on the screen. The "ALT" tag refers to text that you would like to display when a user's cursor moves over an image or when an image does not load properly.
6. Preview your HTML files to be sure your coding correctly displays your clip art before uploading it to your website's server.

Tips & Warnings

• The hardest part of HTML is remembering all the different tags that are used. Develop or find a quick reference to which you can refer.
• Never use spaces in the file names of your clip art images. Some operating systems may misinterpret spaces as alternate characters in a file name, causing an error when your visitor's browser attempts to display the image.

Who Can Help:

• Find Computer, Electrical and Telephone Services Here. Compare Up to 4 Quotes, Free Service & No Obligation.
• Find Electrical Services Here. Compare Up to 4 Quotes, Free Service & No Obligation.