如何使图像充当不带javascript的链接

<a href=\"#\" class=\"image\">Hello</a>

<style>
    .image {
       padding-left: 20px; // width of image
       background: url(image.jpg) no-repeat scroll left center;
       height: 20px; // height of image
       line-height: 20px; //height of image
       // other rules that you need  
    }
</style>

<a href=\"link.html\">
  TEXT HERE
  <img src=\"imageurl.jpg\" width=\"100\" height=\"100\" alt=\"TEXT HERE FOR ALT\" />
</a>