Sams Teach Yourself HTML 4 in 24 Hours

By Dick Oliver

• Table of Contents
  • Copyright
  • About the Author
  • Acknowledgments
  • Tell Us What You Think!
  • Put Your HTML Page Online Today
  • I. Your First Web Page
  • Hour 1. Understanding HTML and XML
  • Hour 2. Create a Web Page Right Now
  • Hour 3. Linking to Other Web Pages
  • Hour 4. Publishing Your HTML Pages
  • II. Web Page Text
  • Hour 5. Text Alignment and Lists
  • Hour 6. Text Formatting and Font Control
  • Hour 7. Email Links and Links Within a Page
  • Hour 8. Creating HTML Forms
  • III. Web Page Graphics
  • Hour 9. Creating Your Own Web Page Graphics
  • Hour 10. Putting Graphics on a Web Page
  • Hour 11. Custom Backgrounds and Colors
  • Hour 12. Creating Animated Graphics
    • Software for Making Web Page Animations
    • Creating the Pictures You Want to Animate
    • Assembling the Pictures into an Animation
    • Putting a GIF Animation onto a Web Page
    • Generating Transitions and Text Effects
    • Summary
    • Q&A
    • Workshop
  • IV. Web Page Design
  • Hour 13. Page Design and Layout
  • Hour 14. Graphical Links and Imagemaps
  • Hour 15. Advanced Layout with Tables
  • Hour 16. Using Style Sheets
  • V. Dynamic Web Pages
  • Hour 17. Embedding Multimedia in Web Pages
  • Hour 18. Interactive Pages with Applets and ActiveX
  • Hour 19. Web Page Scripting for Non-Programmers
  • Hour 20. Setting Pages in Motion with Dynamic HTML
  • VI. Building a Web Site
  • Hour 21. Multipage Layout with Frames
  • Hour 22. Organizing and Managing a Web Site
  • Hour 23. Helping People Find Your Web Pages
  • Hour 24. Planning for the Future of HTML
  • VII. Appendixes
  • A. Readers' Most Frequently Asked Questions
  • B. HTML Learning Resources on the Internet
  • C. Complete HTML 4 Quick Reference
  • D. HTML Character Entities

Putting a GIF Animation onto a Web Page

In Hour 10, "Putting Graphics on a Web Page," you learned to use the <img /> tag to make GIF images appear on your Web pages. To put a GIF animation on a Web page, you use exactly the same tag in exactly the same way. For example, suppose I gave my animated anti-flaming icon the name noburn.gif when I saved it in Animation Shop. The HTML that puts it on a Web page follows:

<img src="noburn.gif" />

Just as with any other graphic, you can include alt= if you want a text message to be associated with the image. You can also include the align attribute to line up the animation with other graphics or text next to it, or to wrap text to the left or right of the animation. All the <img /> tag attributes discussed in Hour 10 also work with GIF animations.

Figure 12.9 is a simple HTML page incorporating noburn.gif along with a few other animations and still images. Figure 12.10 doesn't move because this book is made out of boring old paper, but if you view the file on your computer you'll see the flames fly. (Go to http://24hourHTMLcafe.com and click "An Animated Warning.")

Figure 12.9 Some of the .gif files specified in the <img /> tags are still images and some are animations. The HTML is exactly the same, either way.

Figure 12.10 Viewed online, this page contains a burning icon, a scrolling marquee, and an animated special-effect title.

Share This