Passo 11

Instruções

No momento, o elemento td com o conteúdo de texto Break abrange apenas uma coluna. Mas seria bom se ele abrangesse as três colunas. Como você se lembra de workshops e aulas anteriores, você pode usar o atributo colspan para fazer uma célula da tabela abranger várias colunas.

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

Adicione um atributo colspan ao elemento td e defina seu valor como 3.

O que fazer:

Testes:

Seu elemento `td` com o conteúdo de texto `Break` deve ter um atributo `colspan` definido como `3`.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Tech Conference 2025 Schedule</title>
</head>
<body>
  <h1>Tech Conference 2025 Schedule</h1>

  <table>
    <caption>Schedule by Track and Time</caption>

    <thead>
      <tr>
        <th scope="col">Time</th>
        <th scope="col">Track A</th>
        <th scope="col">Track B</th>
        <th scope="col">Track C</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <th scope="row">9:00 AM</th>
        <td>Keynote: Tech Future</td>
        <td>Intro to Web Dev</td>
        <td>UX for All</td>
      </tr>

      <tr>
        <th scope="row">10:00 AM</th>
        <td>Accessibility Deep Dive</td>
        <td>CSS for Beginners</td>
        <td>Inclusive Design Principles</td>
      </tr>

      <tr>
        <th scope="row">11:00 AM</th>
        
        <td>Break</td>
        
      </tr>
    </tbody>
    
  </table>
</body>
</html>

Preview