legenda.html

<table style="border: 1px solid #000; border-collapse: collapse; padding: 10px;">
  <thead>
    <tr>
      <th style="border: 1px solid #000;" colspan="2">Legenda</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td style="border: 1px solid #000;"><span style="background-color: red; display: block; height: 50px; width: 50px;"></span></td>
      <td style="border: 1px solid #000;">Terminal Central - Bairro</td>
    </tr>
    <tr>
      <td style="border: 1px solid #000;"><span style="background-color: blue; display: block; height: 50px; width: 50px;"></span></td>
      <td style="border: 1px solid #000;">Bairro - Terminal Central</td>
    </tr>
  </tbody>
</table>