title: Can I add a id to a image in HTML?
body: <p>I wanted to <code>id</code> a picture in HTML to edit it in CSS, but it doesn't work. Here is the code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#1{
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 25%;
    height: 25%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img src="https://static1.squarespace.com/static/5492f3e3e4b0c40c56916924/t/586590b3d1758e4aacbf4aa4/1483051196842/?format=1500w" id="1"/&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>But the picture isn't formatted the way I wanted to to be.
  So do I need to add the code into the HTML itself or what do I need to do?</p>