How to make the beautiful link

How to make the beautiful link

Links considerably affect appearance of the web page. Whether it be your website or the blog, beautifully configured links will change design of the website to the best. Even without knowledge of HTML and css it is quite simple to make the beautiful link. Instruction 1. First of all, let's create the normal reference. It becomes by means of such code: name of the link. In this code a link tag. Its href attribute specifies the address of the page on which the link conducts. Instead of "the name of the link" write a word or a phrase which will be the link. Also you can add the text which will appear at directing at the link. With it you will be helped by the tag title attribute. 2. Now we will be engaged in execution of links. It to make all in cascading style sheets (css) easier. Open the file containing styles of your website and write the further code there. Or you can insert styles directly on a HTML page. For this purpose use the code of setup of style of the website. 3. Let's start design. The syntax of record will be such: a {style parameters }. What here to write? For a start change color of links to the taste. With it you will be helped by such code: {color: #00000;}. Certainly, instead of "#00000" you should insert the color. It is possible to learn the code of color in a similar view in different graphic programs (for example, in the photoshop) or to find a web palette. 4. By default the browser makes references underlined. It is possible to cancel it such code: {text-decoration: none; } For creation of links a "bold" font, use the font-weight parameter: bold;. It is inserted into the code of styles by the same principle, as color, underlining. 5. You for certain noticed that on some websites when aiming at the link its view changes. You can make it too. You will be helped by the code of such view: a:hover {style parameters }. Parameters are specified just as for the normal link, a unique value – directing the pseudo-class "hover" notifying the browser that these settings should be applied at at the link. By the same principle you can select also the visited links: a:visited {style parameters }