![]() | IMAGES! | ![]() |
Sponsor Links Free Image Hosting Your source for free image hosting - upload your images! Poker Strategies and Tips Poker, online poker, poker terms, poker accessories, poker tips and tricks. Photoshop Tutorials Over 3,000 tutorials for Photoshop, Flash and 3DS Max! 6,000 Free Fonts Download over 6,000 Free Fonts for Mac and PC @ FontVillage.com Buy Website Visitors 1,000 Targeted U.S. Visitors for $3.50 - 30 day guaranteed. Reading Tarot Cards Videochat with certified tarot readers & psychics - unlimited tarot cards readings! Affiliate Software Start an affiliate program and design to maximize affiliates' productivity PPC Search Engine Low cost advertising for your website! Technical Service Provider Your number one source for computer repairs and network solutions | LESSON 1-07-01: Inserting Images Into Your Web Pages Web Design Lessons > Lesson 1-07-01: Inserting Images Into Your Web Pages
If you wish to add an image to a spot on your HTML document, you can simply use the <img> tag. The general usage includes the "src" attribute to indicate the source file (i.e. location and filename of the image you want to use). Save the below image to the same location as your HTML page, and then copy & paste the code to get a feel of what I mean:
Copy & paste the below code after you save the above image to the same location as you'll save your sample web page:
Note that you do not need to close the <img> tag by using a </img> tag. Now save your HTML document as .htm or .html and double-click it - you should see a web page with the above image inside:
Sidenote #1: Check out my web design resources page to download a superb eBook! Sidenote #2: If you enjoyed this lesson, please link to it :) Lesson 1-07-02, which is the next subsection of Lesson 1-07, is going to teach you how to add an "alternative text" to your images. This way...
Nearby Lessons: • Lesson 1-05 HTML Tables• Lesson 1-06 Background Alteration • Lesson 1-07 Images • Lesson 1-08 Hyperlinking • Lesson 1-09 Aligning Your Content Back To Top Home | Resources | Articles | Lessons | Directory | Forums Copyright© 2004 Onur Özcan. All Rights Reserved. | Partner Links |