Linking using a href

Adding color to your links using CSS

Simillarly to how you can modify the color of the text that appears on your page, you can easily modify the colors of your hyperlinks. Take a look at the source code of this page to see how this is done.

When adding hyperlinks (or “links”) to your website you will need to create either a relative or absolute reference. Depending on where you are linking to (where the destination page lives) will determine which option is most appropriate.

If you are planning to link to an external site (an entirely different website), such as the Bristol Community College homepage, you will need to create an absolute reference. In this case, you will do this:

Link to BCC

If you wanted to link to a different page that is part of your website (meaning that it lives in the same directory), you will need to create a relative link. In this case, you will do the following:

Link to our previous example using ids

Just as we saw earlier, we could also specify a particular location for our link to lead us by using an anchor tag. See the example below.

Link to the fulltext within our previous id example