In HTML any block or inline element can be a link. Just stick in inside a pair if ‘A’ tags. This is particularly useful for making menus and other UI elements. You can then use the various :hover, :focus and other pseudo-classes to apply styles that make plain vanilla text based HTML work like a fancy image based GUI. Here’s a quick little example:
<html> <head> <title>images!</title> <style type="text/css"> body { background-color: #888888; } div { background-color: red; width: 200px; height: 200px; float: left; border: 1px solid black; margin-left: 10px; } </style> </head> <body> <a href="http://btk-fh.de"> <div>Hello background! This div is a link.</div> </a> <div>this div is not a link</div> </body> </html>
thanks for share!