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
- Placing an Image on a Web Page
- Labeling an Image
- Images That Are Links
- Horizontal Image Alignment
- Vertical Image Alignment
- Summary
- Q&A
- Workshop
- 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
Placing an Image on a Web Page
To put an image on a Web page, first move the image file into the same directory folder as the HTML text file. Insert the following HTML tag at the point in the text where you want the image to appear. Use the name of your image file instead of myimage.gif :
<img src="myimage.gif" />
Figure 10.1, for example, inserts several images at the top and bottom of the page. Whenever a Web browser displays the HTML file in Figure 10.1, it will automatically retrieve and display the image files as shown in Figure 10.2.
)
Figure 10.1 Use the <img /> tag to place graphics images on a Web page.
)
Figure 10.2 When a Web browser displays the HTML page in Figure 10.1, it adds the images named zolzol2.jpg, zolsign.gif, zolzol1.jpg, zolmodel.gif, and zolzol.gif.
If you guessed that img stands for image, you're right; src stands for source, which is a reference to the location of the image file. (As discussed in Hour 1, "Understanding HTML and XML," a Web page image is always stored in a separate file from the text, even though it appears to be part of the same page.)
Just as with the <a href> tag (covered in Hour 3, "Linking to Other Web Pages" ), you can specify any complete Internet address as the <img src> . Alternatively, you can specify just the filename if an image will be located in the same directory folder as the HTML file. You may also use relative addresses such as photos/birdy.jpg or ../smiley.gif .
Labeling an Image | Next Section
Account Sign In
View your cart