2
respostas

minha resposta

html:

 <table>
        <thead>
          <tr>
            <th>Dia</th>
            <th>Horário</th>
          </tr>
        <thead>
        <tbody>
          <tr>
            <td>Segunda</td>
            <td>08h ~ 20h</td>
          </tr>
          <tr>
            <td>Quarta</td>
            <td>08h ~ 20h</td>
          </tr>
          <tr>
            <td>Sexta</td>
            <td>08h ~ 20h</td>
          </tr>

        </tbody>
        <tfoot>
          <tr>
            <td colspan="2">Esperamos por você</td> 
        </tr>
        </tfoot>

      </table>

css:

thead {
  background: #555555;
  color: #ffffff;
  font-weight: bold;
}

td,
th {
  border: 1px solid #000000;
  padding: 5px 20px;
}

tfoot {
  text-align: center;
  background: #555555;
  color: #ffffff;
}
2 respostas

Usei, a tag tfoot corretamente? Eu poderia ter criado uma classe especifica na ultima tr do tbody com a frase que foi colocado no tfoot, para poder estilizar no css, ao invés de criar a tag tfoot? Qual seria mais semantico para se usar?

Olá, Welliton.

Tudo bem?

Ficou muito legal a sua tabela, não tem problema, você poderia fazer com a <tr> mesmo ou como você fez utilizando o <tfoot>, e pode utilizar a classe CSS em qualquer um deles para mudar os estilos. Nesse caso não tem problema de semântica.

Espero ter ajudado.

Qualquer dúvida manda aqui :)

Valeu.