exemplo veiculos

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Nossos veículos</title>
</head>
<body>
  <h1>Nossos veículos</h1>
  <hr>
  <!-- fazer um link que direciona o usuario para a pagina anterior -->
  <a href="ex-2.htm"><img src="voltar.png" alt="botão voltar"></a>

  <!-- border : adiciona borda na tabela mas é depreciado, não se usa!! -->
  <!-- se quiser borda coloca no CSS!!! -->
  <!-- TAB : indenta para frente -->
  <!-- SHIFT + TAB : indenta para trás -->
  <!-- CTRL + Z : desfaz -->
  <!-- CTRL + Y : refaz -->
  <table border="2">
    <!-- THEAD: cabeçalho da tabela (sempre no início) -->
    <thead>
      <tr>
        <!-- para expandir este th ficando com o tamanho de 3 colunas -->
        <!-- aplicamos o atributo colspan -->
        <th colspan="3">Listagem dos últimos modelos cadastrados:</th>
      </tr>
      <tr>
        <!-- th : table header -->
        <th>NOME</th>
        <th>FABRICANTE</th>
        <th>ANO</th>
      </tr>
    </thead>
    <tbody>
      <!-- tr : table row (linha da tabela) -->
      <tr>
        <!-- td : table data (dado da tabela) -->
        <td>Prisma</td>
        <td>GM</td>
        <td>2015</td>
      </tr>
      <tr>
        <td>Gol</td>
        <!-- rowspan : expande x linhas -->
        <td rowspan="2">VW</td>
        <td>2019</td>
      </tr>
      <tr>
        <td>UP</td>
        <td>2020</td>
      </tr>
    </tbody>
  </table>


</body>
</html>