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.