Sams Teach Yourself HTML 4 in 24 Hours
- 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
- 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
Workshop
Quiz
- How would you insert an image file named elephant.jpg at the very top of a Web page?
- How would you make the word Elephant appear whenever the actual elephant.jpg image couldn't be displayed by a Web browser?
- Write the HTML to make the elephant.jpg image appear on the right side of the page, with a big headline reading "Elephants of the World Unite!" on the left side of the page next to it.
- Write the HTML to make a tiny image of a mouse (named mouse.jpg) appear between the words "Wee sleekit, cow'rin," and the words "tim'rous beastie".
- Suppose you have a large picture of a standing elephant named elephant.jpg. Now make a small image named fly.jpg appear to the left of the elephant's head and mouse.jpg appear next to the elephant's right foot.
Answers
- Copy the image file into the same directory folder as the HTML text file, and type <img src="elephant.jpg" /> immediately after the <body> tag in the HTML text file.
-
Use the following HTML:
<img src="elephant.jpg" alt="elephant" />
-
<img src="elephant.jpg" align="right" /> <h1>Elephants of the World Unite!</h1>
-
Wee sleekit, cow'rin,<img src="mouse.jpg" />tim'rous beastie
-
<img src="fly.jpg" align="top" /> <img src="elephant.jpg" /> <img src="mouse.jpg" />
Exercise
- Try using any small image as a "bullet" to make lists with more flair. If you also want the list to be indented, use the <dl> definition list and <dd> for each item (instead of <ul> and <li>, which would give the standard boring bullets). Here's a quick example, using the star.gif file from my sample images page:
<dl><dd><img src="star.gif">A murder of crows <dd><img src="star.gif">A rafter of turkeys <dd><img src="star.gif">A muster of peacocks</dl>
Hour 11. Custom Backgrounds and Colors | Next Section
Account Sign In
View your cart