title: How to give html button tag an image
body: <p>I am wondering if there is a way to give the HTML button tag, <code>&lt;button&gt;</code> an image so the image is click-able on my webpage. That way when users click on the image I can have other things happen</p>
  
  <p>This doesn't seem to be working, and was wondering if it is even possible</p>
  
  <p>HTML code - </p>
  
  <pre><code>&lt;button&gt;
  &lt;img src="images/dagger.png" width="10%" height="10%" id="dagger" /&gt;
  &lt;/button&gt;
  </code></pre>