Description

The href defines the location of the resource. This may be a style sheet in the same directory (as shown in the example), a page somewhere else on the same server, or even a resource held on another server.

If the referenced resource was in a directory that is one level higher than the referencing document, the syntax would be:

<link rel="stylesheet" type="text/css" href="../basic.css" />

../ equates to ‘move up one directory in the heirarchy’.

You can also reference a document relative to the web site’s root (anything after the domain name):

<link rel="stylesheet" type="text/css" href="/stylesheets/basic.css" />

This basically means ‘refer to the document basic.css that can be found in www.mydomain.com/stylesheets". This is a very handy way of referencing, as you could move the document containing the link anywhere on the file system and the reference would be maintained.

If you are linking to a resource held on another server, you would express the href using a complete URI, as follows:

<link rel="stylesheet" type="text/css"
 href="http://www.somedomainname.com/stylesheets/basic.css" />