Slide 1

How To Link UI

Linking to other Web Pages. Linking in HTML code is done with the anchor tag, the <A> tag. The letter "A" in the tag is then followed by an attribute. For a link to another web page, the "A" is followed by href.

Take a look at this example, which is a link to the popular search engine Google:

<a href = "http://www.google.com/">Google Search Engine</a>

Slide 2

Notice where all the angle brackets (< >) are in the link. After the first one, we have the "A" part of the tag. Then we have the HREF part, signifying a link to another web page. After that comes an equals sign (=). After the equals sign comes the address of the web page itself. The address is case sensitive, so if there is a capital letter in the address, make sure to include it. This address www.google.com is different from this address www.gOOgle.com.

Slide 3

After the address comes the right angle bracket ( > ). Next comes the text that people see, the text you want them to click on. To close an anchor link, you use the end anchor tag. Which is this:

Example:-

in the above example in the navigation bar a few buttons are linked, Once click on any of the buttons it will take you to a different page as per the Linking.