When creating a website, it is important that the design of its elements contributes to attracting new users due to the convenience of access to information. Clickable element - an inscription that is noticeable and understandable to the visitor, i.e. encourages a person to click on a link. This effect can be achieved with colorful and intuitive graphic inserts.
Instructions
Step 1
The caption, called clickable, should grab the user's attention and stand out from the rest of the page content. Do not forget that the element must have a certain functionality, and the user must know which menu item he will go to after clicking on this link.
Step 2
You can use graphic elements to create a clickable text box. Draw a button suitable for your color design of the site with an inscription on it in any graphic editor. You can also take advantage of ready-made graphics solutions on the Internet by visiting sites dedicated to drawing images for webmasters.
Step 3
After uploading the picture, you need to insert it into the HTML-code of the page. To do this, open the site document in a text editor by right-clicking on the file and selecting the "Open with" section. In the list of applications that appears, specify the editor you use to edit pages. You can also use the standard Windows Notepad.
Step 4
Go to the part of the code where you would like to insert the inscription. Then enter the appropriate descriptor. For example:
Step 5
This code will create a link in the form of a graphic element, where "address_to_transition" is the page to which the user will be redirected after clicking on the caption. "Path_to_Image" is where your button file is located. To avoid difficulties in finding an image, place it in the same directory as the page file and specify the exact name in the src parameter. The width and height parameters indicate the size of the image in pixels, for example, 100 and 50.
Step 6
Save changes to the file and open it in a browser using the "Open With" menu. The clickable label is now complete. If the picture is not displayed, check the correctness of the code and the specified path to the picture.
