To be able to connect from one page to other, we use links and <a> tag. <a> defines the link and between <a> and </a> , we define the link name which user will see. To define the link source which when user click on it, our link opens, we need to use href="" attribute of <a>.
<a href="http://www.bounmis.com">Bounmis.Com</a>
We can type two type href values. First, if we want to connect page with our own WEB site page, we just need to write page location like <a href="example.HTML">example</a>. The other type is if we want to connect with out of our WEB site, we have to use WEB site name like above example.
<a> tag also has target attribute which defines how to open link. We can open connected WEB page at the same windows or on the new window. For that, we use "_blank" value to open new window and "_self" to open in the same window. If you don’t define the target value it gets this value as a default.
<a href="example.HTML" target="_blank">Example</a>
How To Determine Link Colors
When you try this example, you will see that at first link color is blue and after you click on it, its color is changed. We can define links color with 3 types, current link color, active link color (to be able to see change, you should keep click on the link for a while) and visited color link. To do that, we need to use <body> tag and defines link="" - current link coor, alink="" - active link color and vlink="" - visited link color.
<body link="red" vlink="blue" alink="black">
After this example, you will see that not visited links will be red, if you keep your click on the link for a while it will be black and after click on it, it will be blue.
How To Use An Image As A Link
As I said before, you can use one tag inside other tag and anything between <a>..</a> tags will be a link. So you just need to put your image between link tag.
<a href="example.HTML"><img src="example.jpg" border="0"></a>
When you use an image as a link, you should define image border attribute as 0 otherwise, when you over on image link, it automatically show image border.
How To Connect A Specific Section In Document
I think you see at some WEB site that when you click on a link, it jump the specific title in the same page. To be able to do this, you should use name="" attribute of <a> tag.
At first, you should define section location. <a name="top"></a>. As you see, we type nothing between <a> and </a> because it is not a link, just a section definition. Then to connect this section we have to use "#" character before link name in href="" value. <a href="#top">Go to top</a>. When user click on this link, it directly jumps the location where <a name="top"> is.
How To Take Out Underline
If you want to use link without underline, you need to use style="" attribute like below example.
<a href="example.HTML" style="text-decoration: none">Example</a>
