Unit 3

Unit 3 - hyperlinks

We create hyperlinks using the <a> tag. The a tag must have the href parameter set, so that the browser knows what page (URL) to open when the user clicks the link.

An example follows:

<a href="http://www.google.com"> Click me to open Google </a>

If you wish to make an image clickable, you must replace the text between the <a> and </a> with an <img> tag. In fact, you are nesting an image tag between the opening and closing anchor <a> tags. An example, in which after clicking a photo of Peter Falk opens his page on Wikipedia, follows:

<a href="http://en.wikipedia.org/wiki/Peter_Falk">

<img src="http://img2-3.timeinc.net/people/i/2011/news/110704/peter-falk-300.jpg" />

</a>

Exercise 1:

Create a new HTML page featuring a ranked list of your favorite musicians / bands. Make every item clickable; once you click it, it will open either an official or a fan page for that artist.

You can create numbered (ranked) lists the same way you did unordered (bullet) lists, just replace the <ul> with <ol>. Include at least 3 artists.