Here's some perfectly good HTML which embodies truly awful design:
<a href="http://www.ford.com/">Click here</a> for Ford's home page. <br /> <a href="http://www.kodak.com/">Click here</a> for Kodak's home page. <br /> <a href="http://www.linux.org/">Click here</a> for the Linux home page.
It looks like this:
The links all work...but the active text, to which your reader's eye is drawn, is the same for all the links. Furthermore, people who've used the web for any amount of time already know that underlined text is clickable; you don't need to say “Click here.” Let's improve the design, but still give a friendly nod to those who might be complete newcomers to the web:
Click the underlined text to go to the home page of: <ul> <li><a href="http://www.ford.com/"> Ford </a></li> <li><a href="http://www.kodak.com/"> Kodak </a></li> <li><a href="http://www.linux.org/"> Linux </a></li> </ul>
And it looks like this:
| << Try the <a> element | Index | Other Outside Links >> |