Adding a link to a page, as we have seen in the book, uses the <a> tag.
<a href="see-us-play.html">Click here to find out where the Nanonauts are playing next!</a>
You can use an image as a link instead of text. Just put the <img> tag where the link text would be:
<a href="see-us-play.html"><img alt="Picture of a concert ticket" src="pictures/concert-ticket.png" /></a>
You can also link to a different part of the same page. This is useful for jumping between different sections. Let's say you have a section halfway down your page about caring for musical instruments, and it would be useful to be able to skip to it directly from a menu. First, choose the text or image you want to link to, and label it like this:
<a name="instruments" id="instruments">Looking after your instruments</a>
The name and id attributes can be anything you like, but they must be the same.
Now you need to create the actual link. You do this in the usual way, but you add the name you chose to the page URL using the # sign, like this:
<a href="see-us-play.html#instruments">Click here for tips on looking after your instruments.</a>
Try it out!