Exemplo HTML

<!DOCTYPE html>
<html>

 <head>
  <meta charset="utf-8">
  <title>Minha Página Pessoal</title>
 </head>

 <body>
  <h2>Faça login</h2>

  <form>
   <label>Usuário</label>
   <input>

   <label>Senha</label>
   <input>

   <button>Entrar</button>

   <textarea></textarea>
  </form>

  <h2>Despesas</h2>

  <table>
   <thead>
    <tr>
     <th>Descrição</th>
     <th>Quantidade</th>
     <th>Valor</th>
     <th>Total</th>
    </tr>
   </thead>

   <tbody>

    <tr>
     <td>Leite</td>
     <td>12</td>
     <td>R$ 3,00</td>
     <td>R$ 36,00</td>
    </tr>

    <tr>
     <td>Frigideira</td>
     <td>2</td>
     <td>R$ 25,00</td>
     <td>R$ 50,00</td>
    </tr>

    <tr>
     <td>Leite Infantil NAN</td>
     <td>1</td>
     <td>R$ 40,00</td>
     <td>R$ 40,00</td>
    </tr>

   </tbody>

   <tfoot>
    <tr>
     <td></td>
     <td></td>
     <th>Total</th>
     <td>R$ 126,00</td>
    </tr>
   </tfoot>

  </table>

  <p>Essas despesas consideram <strong>apenas</strong> o período da <em>segunda quinzena</em> de agosto.</p>

 </body>

</html>