title: html/css segment screen into 4 quadrants
body: <p>I want to make a layout where the webpage is divided up as shown in the image below:</p>
  
  <p>I've been trying to use a table tag but I need the whole screen to be used(100% width and height) and I would rather use more modern tags since I will have to end up using canvas in one of those segments anyway.</p>
  
  <p><img src="https://i.stack.imgur.com/tHi6v.jpg" alt="layout"></p>