> For the complete documentation index, see [llms.txt](https://computational-thinking-in-room11.gitbook.io/room-112-dhs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://computational-thinking-in-room11.gitbook.io/room-112-dhs/css/css-declaration-examples/formatting-hyperlinks.md).

# Formatting Hyperlinks

**TIP**: Don't forget the tag for  hyperlink is `<a>`

### Hyperlinks have several  states of being

* a.link : a normal, un-visited link
* a.visted: a link the user has visited before
* a.hover: a link when the mouse is hovering over it

```
/* unvisited link */
a:link {
  color: red;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
  background-color: yellow;
}


```

The ORDER here matters - so just program them in this order. You can of course add other font elements&#x20;

Now add a link to mcpss.com in your html pad and try it out!