To insert an image in an HTML file we use the <img> tag. For example, to insert an image called photo.png, located in the same directory as the file that is going to show it, we write:
Code:
<img src="photo.png" alt="description of the photo"></img>
The alt tag serves as an alternative, textual description of the image. This description is shown when we hover with the mouse over the image, but it is also used by speech browsers like JAWS or text-only browsers like Lynx instead of the image file, to convey an idea of the image object to people with disabilities, see day 23 of the 30-day Dive Into Accessibility.
In case your image is included in a different folder, say images/, as is often the case with PHP-Nuke, the code looks like:
Code:
<img src="http://forums.techarena.in/images/photo.png" alt="description of the photo"></img>
You can also make the image clickable, combining the two techniques of creating a link and inserting an image:
Code:
<a href="http://www.karakas-online.de/EN-Book/">
<img src=" http://www.karakas-online.de/EN-Book/images/nuke.png"
alt="PHP-Nuke HOWTO"></img></a>
Bookmarks