Cabeçalho deslocando-se

Saudações,

criei uma tabela conforme código abaixo, seguindo as instruções da vídeo-aula (HTML5 e CSS3 parte 3: módulo 6 aula 6):

<table>
                <thead> <!--cabeçalho-->
                    <th> <!--linha cabeçalho-->
                        <td>Dias</td>
                        <td>Horários</td>
                    </th>
                </thead>
                <tbody> <!--corpo da tabela-->
                    <tr><!--table row-->
                        <td>Segunda</td>
                        <td>8 ~ 20h</td>
                    </tr>
                    <tr>
                        <td>Quarta</td>
                        <td>8 ~ 20h</td>
                    </tr>
                    <tr>
                        <td>Sexta</td>
                        <td>8 ~ 20h</td>
                    </tr>
                </tbody>
            </table>

Porém, ela está sendo visualizada da seguinte forma:

Aparentemente criou-se uma célula antes de "dias", ficando o cabeçalho deslocado para a direita com uma célula vazia à esquerda. Se eu mudo <th para <tr resolve o problema, as considerado que a boa prática é utilizar <th para cabeçalho, gostaria de entender o porquê desta desconfiguração e como corrigir. Obrigada♥

Obs: descobri minha inobservância: alterei a tag tr ao invés da td... Agradeço de qualquer forma, só não sei excluir o post. Bons estudos