Hello every one! welcome to this section of my Html tutorial. In this tutorial i wanna be talking about HTML image links. You all know that in my last tutorial i treated HTML text links and how to use these links to connect various webpages to form a complete website and also how to link various sections of a particular webpage.
So quickly lets looks at HTML image links, lets consider the example below.
Example
it's simple to use an image as hyperlink. All you need do is to use the image inside the hyperlink at the piece of text as shown below;
Image Hyperlink Example
The above example will produce a result where you can click on the image that will take you directly to web design tutorialz home page. You can try that out your self and take note that it is adviceable to store all the images which you will need for your web design project in one folder.
Mouse-Sensitive Images
The HTML and XHTML standards provides a feature that lets you embed many different links inside a single image. What i mean by that is that you create various links on a single image based on different coordinates available on the image. Once different links are attached to different coordinates, we can then click various parts of the image to open target documents. Such mouse-sensitive images are known as image maps.
There are two ways in which we can create image maps;
Server-side image maps - This is enabled by the ismap attribute of the tag and requires access to a server and related image-map processing applications.
Client-side image maps - This is created with the usemap attribute of the tag, along with the corresponding
So quickly lets looks at HTML image links, lets consider the example below.
Example
it's simple to use an image as hyperlink. All you need do is to use the image inside the hyperlink at the piece of text as shown below;
Click the following link
The above example will produce a result where you can click on the image that will take you directly to web design tutorialz home page. You can try that out your self and take note that it is adviceable to store all the images which you will need for your web design project in one folder.
Mouse-Sensitive Images
The HTML and XHTML standards provides a feature that lets you embed many different links inside a single image. What i mean by that is that you create various links on a single image based on different coordinates available on the image. Once different links are attached to different coordinates, we can then click various parts of the image to open target documents. Such mouse-sensitive images are known as image maps.
There are two ways in which we can create image maps;
Server-side image maps - This is enabled by the ismap attribute of the tag and requires access to a server and related image-map processing applications.
Client-side image maps - This is created with the usemap attribute of the tag, along with the corresponding