HTML-wStyleHeaderContentFooter

<!DOCTYPE html>
<html lang="en">
   <head>
   <style>
      header {border: dashed #666699 1px }
      article {border: solid #000099 1px;}
      footer {border: dotted #003399 1px;}
   </style>
   </head>
<body>
   <header>
      <h1>This is my site</h1>
   </header>
   <article>
      <h1>Integer bibendum pharetra</h1>
      <p>Nullam tempus nisi turpis, sit amet volutpat dui varius ac.</p>
   </article>
   <footer>
      <h2>This is the footer</h2>
   </footer>
</body>
</html>