22 - Tabela

Olá, pessoal! Nessa vigésima segunda aula do treinamento, iremos criar nossa tabela.

No arquivo principal.html, implemente a seguinte estrutura abaixo do formulário:


<!-- Tabela -->
<table class="table">
    <thead>
        <tr>
            <th>#</th>
            <th>Nome</th>
            <th>Nota 1</th>
            <th>Nota 2</th>
            <th>Média</th>
            <th>Selecionar</th>
        </tr>
    </thead>

    <tbody></tbody>
</table>

No arquivo principal.css, teremos o seguinte código abaixo da estilização do formulário:


table{
    margin-top: 30px;
}

Abaixo compartilho nossa aula no YouTube, onde ensino criar e customizar a tabela: