title: How to create a only mute/unmute button (like youtube) in html
body: <p>I was creating a website, I put background music, and my problem is I dont know how to create a button(only one) for mute/unmute the sound. I would like to have a mute button that can mute/unmute depending on the situation(if the music is muted then the button should have the image of a Loudspeaker,for hearing the sound, if you press it then you begin listening the music and the image of the button changes and  vice versa)</p>
  
  <p>what I have now is this:</p>
  
  <pre><code>&lt;td width=10% valign="top" align="right"&gt;
                              &lt;img  src="images/sonidoON.png" onclick="this.src='images/sonidoOFF.png'" width=30% height=7%&gt;
                          &lt;/td&gt;
  </code></pre>
  
  <p>I only need to know how to create that button, not the functions for the background music.</p>
  
  <p>Thank you very much in advance</p>