outline

Transparency and How it Works

• Transparency allows the background to show through
• The transparent area is indicated by selecting an off color (hot pink, slime green, etc.) for the background color.
  -Save this color as the transparent color

Adding Images to Your Page

• <img src = URL> - displays the graphic that the URL defines
• <img src = URL
  alt = text> - places alternative text that appears when the image is not displayed

How Graphics Can Be Used

• As a simple graphic
• As a link
• As an imagemap
• As spacing devices

Inline and External Graphics

• Inline graphics uses the <img src> tag to display the image on the page
• External graphics uses the <a>...</a> tag to link to the graphic. This allows the user to click on the link if they want to see the graphic.

How to Stop Text Wrapping

• Text automatically wraps to fill the space along the side of an aligned graphic.
• To stop text wrapping insert a <br> with a clear attribute using one of three values (left, right, and all)
• Example:
  <br clear = right> to begin the text below the graphic

Images as a Positioning Tool

• 
• This line is made with a red gif that is one pixel by one pixel. By using a height and width attribute you can manipulate the image.
  this moves the text by manipulating the same image with the height and width attributes (h = 10, w = 70)

Image Maps

• An imagemap is a single graphic with multiple "hotspots" that link to other documents
• The graphic is an ordinary inline image
• The "magic" is the result of special coding and map files that link pointer coordinated with their respective URLs

Image Map Example