Page 108 - Plus_V2.2_C8_Flipbook
P. 108

Types of Linking

                  There are two types of linking:
                     Internal Linking: Sometimes content of a web page is extremely long. In such situations, the visitors

                    can go to the top or bottom of the page whenever they want instead of scrolling. This is done by
                    creating a named anchor, which is a specific area on the web page where the link is to be made or
                    directed to. The internal linking is done in two steps.
                        Create an anchor.

                        Create a link pointing to an anchor.
                     External Linking: When linking is done to some other web page or website, then the linking is known

                    as External Linking. It is also known as Inter-file linking.


                       Four States of Hyperlink
                  A hyperlink either a link (link which is still not clicked), an active link (link which has just been clicked

                  for viewing) or a visited link (link which has already been clicked and visited). Links can be in four
                  states which are as follows:
                  1.  a:link—This is a normal, unvisited link.
                  2.  a:visited—This is a link visited by user at least once.
                  3.  a:hover—This is a link when mouse hovers over it.

                  4.  a:active—This is a link that is just clicked.
                  We can specify different colours of the above-mentioned links using CSS as follows:

                  a:link {color: color_name; }
                  a:visited {color:color_name;}
                  a:hover {color : color_name; }
                  a:active {color : color_name; }

                  These are specified inside the <STYLE> tag.
                  The default colours are: normal links—blue, visited links—purple, and active links—red. But we can
                  change to any colour of our choice using CSS.


                       Anchor Tag

                  <A> tag is known as the anchor tag which is used to create hyperlinks in the HTML document. This is a
                  container tag. The <A> tag is used in the following way:

                                     <A HREF = "contact.html"> Contact Us</A>


                                               Opening tag                Contents       Closing tag


                                                             File name that is to be
                                                                    linked
                                                          The usage of the <A> tag

                  106   Premium Edition-VIII
   103   104   105   106   107   108   109   110   111   112   113