As to insert the image into the link

As to insert the image into the link

Digital Hits: 86
The language syntax of HTML allows to do hyperlinks not only text-based, but also graphic. For the visitor of the website such link looks as the image, and when clicking the picture there is a transition to other web page. Instruction 1. Using any graphics editor, reduce the image. Its size on any of coordinates should not exceed 200 pixels. It is better if the picture has horizontal configuration. It can be, for example, the virtual button on which inscription is executed by an art font. The image format should be one of the following: JPG, PNG, GIF. The first of them is more preferable to photos, and remained two - for shaped drawings (the best compression is so provided). Surely save the result of change under a new name not to damage the original. 2. Load the file with the picture on the server into the folder in which the HTML-file is located. For implementation of such loading it is possible to use the web interface (at its presence at hosting provider) or any client program of the FTP protocol. 3. In the desirable place of the HTML-file place a fragment of the code of the following contents: , where expression after the operator ""href= """ - the address to which the link conducts, and someimage.gif - a name and filename extension with the image. 4. At some users the demonstration of images in the browser is turned off. Therefore it is expedient to place directly under the picture an explanation about where the link conducts. In this case remake the code fragment given above as follows:
of Makrofotografiya of insects . The explaining text will be located under the image. Clicking it will also lead to click-through. 5. Having loaded upgraded version of the HTML-file on the server, open the corresponding page in the browser then make sure that the image is displayed, and the link works. Transition on it should happen when clicking both the image, and the explaining inscription located under it (at its existence).

Author: «MirrorInfo» Dream Team

Print