title: how to repeat the same code (but slightly different each time) in html?
body: <p>So i'm working on a project, and one page has the same basic code over and over and I was wondering how to do this quicker than copy/pasting the code 721 times</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-html lang-html prettyprint-override"><code>&lt;div class="pokeFloat"&gt;
    &lt;div class="pokeDec"&gt;
      &lt;p&gt;
        &lt;img class="pokeImg" src="./img/pokeDex#.jpg" /&gt;
        &lt;br&gt;
        &lt;small&gt;PokeDex#&lt;/small&gt;
        &lt;br&gt;pokemonName
        &lt;br&gt;
        &lt;span class="typeA"&gt;TypeA&lt;/span class="TypeA"&gt; - &lt;span class="TypeB"&gt;TypeB&lt;/span class="TypeB"&gt;
   &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Each time i'd have to change pokeDex# (twice, once in the link the other in the text), pokemonName, and the two types, and it would be great if there was a quicker way to do this.</p>