Passo 10

Instruções

A tabela está quase completa, mas há uma última coisa a adicionar. Seria bom se o elemento td usado para Average Grade abrangesse duas colunas em vez de apenas uma. Para fazer isso, você pode usar o atributo <dfn>colspan</dfn> no elemento td. O atributo colspan especifica o número de colunas que uma célula deve abranger. Aqui está um exemplo de uso do atributo colspan para uma tabela de esportes:

<tr>
  <td colspan="3">Total Points</td>
</tr>

Dentro da tag de abertura de td, adicione o atributo colspan e defina-o como "2". Com essa mudança, a tabela está completa!

O que fazer:

Testes:

Você não deve alterar o conteúdo do elemento `td` existente.
O elemento `td` deve ter um atributo `colspan`.
O elemento `td` deve ter um atributo `colspan` com o valor de `"2"`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Calculus Final Exams Table</title>
    <meta charset="UTF-8" />
  </head>
  <body>
    <table>
      <caption>
        Calculus Final Exam Grades
      </caption>

      <thead>     
        <tr>
          <th>Last Name</th>
          <th>First Name</th>
          <th>Grade</th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td>Davis</td>
          <td>Alex</td>
          <td>54</td>
        </tr>

        <tr>
          <td>Doe</td>
          <td>Samantha</td>
          <td>92</td>
        </tr>

        <tr>
          <td>Rodriguez</td>
          <td>Marcus</td>
          <td>88</td>
        </tr>

        <tr>
          <td>Thompson</td>
          <td>Jane</td>
          <td>77</td>
        </tr>

        <tr>
          <td>Williams</td>
          <td>Natalie</td>
          <td>83</td>
        </tr>
      </tbody>

      <tfoot>
        <tr>
          
          <td>Average Grade</td>
          
          <td>78.8</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>

Preview