Links

Text links

A simple textual link that takes you back to the home page for this tutorial is included as part of this sentence. Go ahead...try it and see what happens! Alternatively, links may be prominently displayed, such as the one below:

HTML tutorial page

Both of the previous examples link to a page in the directory containing the current directory, hence, the use of two dots (..) in the URL, which signifies one level up in the directory hierarchy. Here is a link to the Web Technologies home page:

Web Technologies

which links to a page two levels up in the directory hierarchy. Study the corresponding HTML code closely.

Graphic links

In addition to textual links, an HTML page may also have graphic links. Here is an example of a graphic link:

which sends you to another page with more information about links. Remember, you can put any HTML code you want inside the <A> ... </A> container: text, graphics, or whatever.

Arbitrary WWW links

The above links are to pages on a local Web server, hence, the abbreviated URLs, but you may link to a page on any Web server. For example, the link

is a link to a server in Utah.

Links on the same page

All of the above links are to pages distinct from the current page. However, a link may be to a remote part of the current page (which only makes sense for long pages). For example, the following link jumps to the top of the current document:

To understand how this works, examine the corresponding HTML code carefully.