In general, what is a link is, without which not one site can do. This article will talk about the many possibilities of links. Naturally, in many textbooks everything has already been explained in parts, but you should take everything apart and briefly talk about each effect. Let's start....

Generally the link is <a href="your_path">Sitename</a> , but how much can you do with that? Answer: A lot!
Many have seen that when hovering over a link, a hint to this link can sometimes come out, everything is done using the title tag.

Example:

< a href = "http://www.wmaster.ru" title = "great site" >   Site for webmasters </ a >

Well, if you put a link to a graphic object, then the "alt" tag will help here. Everything should be done the same way, but instead of "title" enter "alt".

< a href = "http://www.site.ru" >  < img border = "0" src = "http://www.site.ru/img.gif" alt = "your text" >    </ a >

Please note that we wrote the "title" description in the <a> tag , while the "alt" description must be written in the <img> tag

In order for the link to change its color when hovering over it with the mouse, it is convenient for us to apply CSS. To create such an effect, we must write on the page like this:

< style > A :hover { COLOR : #your color} </ style >

Sometimes the design does not allow to "keep on the site" underlined links. In order for the links to be not underlined, you need to write on the page:

< style > a { text-decoration : none} </ style >

But you can also make it so that the link is not underlined, but when you hover over it, it is underlined. To do this, write like this:

< style >
a { text-decoration : none} a :hover { text-decoration : underline}</ style >

A more complete version of managing links on a page:

< style >
A :link { text-decoration : underline; color :black; } A :active { text-decoration : underline; color :black; } A :visited { text-decoration : underline; color :black; } A :hover { text-decoration : none; color :black; }</ style >

The described styles are recommended to be inserted between the <HEAD></HEAD> tags .

It seems that I described the most important effects using CSS. Now you can parse another type of links - this is an anchor, an internal link to any part of the page. The anchor is placed like this:

< a href = "#link" >  Text </ a >

and in the place where the link should lead is put:

<a name="link">  Text </a> _ _ _ _ _ _

Also, the link can lead just to the top. This is necessary for those who build large pages. In order for the link to lead to the very beginning of the page, you need to write it like this:

< a href = 'javascript:scroll(0,0);' >  Top </a> _ _

Here you go. The most important thing about the links I told.