Techcss
Untitled Document

HTML Embedding Images

By <img> tag we can insert an image of any format in HTML document.

A simple <image> tag application

Example:

<image src="images/radixsystem_logo.gif" alt="Radix System logo" width="200" height="100"/>

Output:

Radix System Logo

* In case the image is missing or not loading on browser display the alt attribute is used as alternative text.

Applying an image as a hyperlink.

Example:

<a href="http://radixsystech.com">
<img border="0" src="images/radixsystem_logo.gif" alt="Radix System" width="200" height="100">
</a>

Radix System


Image Map

Example:

<body>
<img src="support/instr.png" usemap="#linker" border="0">
<map name="linker">
<area shape="polygon" coords="19,44,45,11,87,37,82,76,49,98" href="http://www.radixsystem.com">
<area shape="rect" coords="128,132,241,179" href="http://www.bengalgateway.com">
<area shape="circle" coords="68,211,35" href="http://www.photoshopsquare.com">
</map>
</body>