title: how to create data templates in html
body: <p>I am a JS, html beginner and trying to understand how to define/create a html representation of a data object.</p>
  
  <p>Say I have a list of people (in JSON for example) where each person has the following properties: firstName, lastName, age, photo, description. </p>
  
  <p>How would you normally display this list in html?</p>
  
  <p>I assume that somewhere is a <code>div</code> place holder for the list which then gets populated in JS but I'm not sure how the template for the person itself is defined.</p>
  
  <p>Is there a recommended way of doing this sort of thing?</p>
  
  <p>If someone can show me an example that would be great.</p>