- Color Aesthetics
- Choosing Color Themes
- Applying Color Relationships to Web Design
- Color Gallery
- Typography Aesthetics
- Type 101
- Verdana & Georgia
- Font Size Differences Between Macs & PCs
- Fonts for Delivery as Web Graphics
- Basic Styles of Typefaces
- What Is a Font Family?
- Aliasing or Anti-Aliasing
- Body Copy
- Using Fireworks for Type Design
- HTML for Placing Text Graphics
- What About Flash?
- Aesthetics of Layout
- The Aesthetics of Animation
HTML for Placing Text Graphics
Placing graphics on a web page is addressed in depth in Chapter 17, "Rules & Bullets." The most basic way to insert a graphic on a page is to use the IMG element. Here's how to insert the drop-shadow artwork, that you created earlier, on a page.
<html> <body> <img src="dropshad.jpg"> </body> </html>
If you want to link the drop-shadow image to another source, combine the IMG element with an A element.
<html> <body> <a href="http://www.domain.com"><img src="dropshad.jpg"></a> </body> </html>
Figure 2.90 This page uses a text graphic inserted with HTML.