Home / the Internet / Web design / How to make a clickable inscription

How to make a clickable inscription


How to make a clickable inscription

When creating a website it is important that the design of its elements help attract new users due to the ease of access to information.

The clickable element is an inscription that is noticeable and understandable to the visitor, i.e. Disposes a person to click on the link.

This effect can be achieved with the help of colorful and intuitive graphic inserts.



An inscription called clickable shouldTo draw user's attention and stand out against the background of the rest of the content of the page. Do not forget that the element must have a certain functionality, and the user should know which menu item he will get after clicking on this link.


To create a clickable caption, you canUse graphic elements. Draw a button that matches your website's color design with an inscription on it in any graphics editor. You can also take advantage of ready-made graphical solutions on the Internet by visiting sites devoted to drawing images for webmasters.


Uploading a picture, you need to insert it inHTML-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 that you use to edit the pages. You can also use the standard Windows Notepad.


Go to the piece of code you would like to insert the inscription into. After that, enter the appropriate descriptor. For example:

% E2% 80% 9C% D0% BF% D1% 83% D1% 82% D1% 8C_% D0% B4


This code will create a link in the form of a graphicElement, where "address_to_transition" is the page to which the user will be redirected after clicking on the inscription. "Path_to_Photo" - the place where the file of your button is located. To avoid difficulties in finding an image, put it in one directory with a page file and specify the exact name in the src parameter. The width and height parameters specify the size of the image in pixels, for example, 100 and 50.


Save the changes to the file and open it inBrowser using the "Open with" menu. The creation of the clickable label is complete. If the picture does not appear, check the spelling of the code and the specified path to the image.

It is main inner container footer text