title: Doubts on buttons, hidden tag and input image
body: <p>I am planning to add a button on the site and this is my syntax.and it appears like this:  </p>
  
  <pre><code> &lt;button&gt; &lt;image src="add.jpg" width="50" height="10"/&gt; &lt;/button&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/fTiPr.jpg" alt="enter image description here"></p>
  
  <p>1)I don't want the gray box but only the yellow box. How do I achieve it? (If I write 'add+' outside the tags then it appears in the gray box.Hence 'add+' is an image.)</p>
  
  <p>2) what is the difference in  &lt;<strong>button</strong>> tag and &lt;<strong>input type ="image"</strong>> tag because they both create buttons. Am I missing something?</p>
  
  <p>3) what does &lt;<strong>input type="hidden"</strong>> do? Can you give me an example.</p>