title: Is there a way to store and apply html content to a page like how CSS stores and applies styles
body: <p>I'm very new to html and CSS, been learning on the go to update a website.</p>
  
  <p>I understand how you can use CSS to store styles so that you can apply styles to multiple elements/pages with ease, and changing the attributes in a CSS style will automatically change all the html styles it governs across multiple pages.</p>
  
  <p>I was wondering if you are able to do this somehow with actual html content instead of just style attributes.</p>
  
  <p>Example: We have heaps of project pages, at the end of every project page we have a table with a bio of the manager who ran the project.  This html code is manually written into every page.  Since it is manually written though, if you ever want to change or update the info in bio table, you will have to go through and manually update it on every page.  Is there a way to have the info in the bio table stored in something similar to a CSS stylesheet, so it just links to every page, and updating the info in the stylesheet will automatically update the info on every page it is linked in.</p>
  
  <p>Code something like:
  CSS</p>
  
  <pre><code>.personAbio {
  &lt;table&gt;&lt;tr&gt;&lt;td&gt;Name&lt;/td&gt;
  &lt;td&gt;Sales Last Week&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;John&lt;/td&gt;
  &lt;td&gt;$100&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  }
  </code></pre>
  
  <p>Html</p>
  
  <pre><code>&lt;table class="personAbio"&gt;
  &lt;/table&gt;
  </code></pre>