Passo 14

Instruções

A última etapa é adicionar mais uma linha à tabela. Comece adicionando outro elemento tr. Dentro desse elemento tr, adicione um elemento th com um atributo scope definido como "row" e o conteúdo de texto 2:00 PM. Então, adicione três elementos td com o seguinte conteúdo de texto:

Voice UI Workshop
Git & GitHub Essentials
Color & Contrast in UI

Com essas últimas alterações, sua tabela está agora completa!

O que fazer:

Testes:

Você deve ter um sexto elemento `tr` dentro do elemento `tbody`.
Você deve ter um elemento `th` dentro do sexto elemento `tr`.
Seu elemento `th` deve ter o conteúdo de texto `2:00 PM`.
Seu elemento `th` deve ter um atributo `scope` definido como `"row"`.
Seu sexto elemento `tr` deve ter três elementos `td`.
Seu primeiro elemento `td` deve ter o conteúdo de texto `Voice UI Workshop`.
Seu segundo elemento `td` deve conter o texto `Git & GitHub Essentials`.
Seu terceiro elemento `td` deve ter o conteúdo de texto `Color & Contrast in UI`.

<!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 colspan="3">Break</td>
      </tr>

      <tr>
        <th scope="row">11:30 AM</th>
        <td>AR/VR in Education</td>
        <td>JavaScript Fundamentals</td>
        <td>Design Systems at Scale</td>
      </tr>

      <tr>
        <th scope="row">12:30 PM</th>
        <td colspan="3">Lunch Break</td>
      </tr>

    
      
    
    </tbody>
  </table>
</body>
</html>

Preview