02 Exam Results

HTML Tables homework - task02

by Polina Petrova

HTML

<table>
        <thead>
            <tr>
                <th colspan="4"><h1>Web fundamentals exam results</h1></th>
            </tr>
            <tr>
                <th>№</th>
                <th>First name</th>
                <th>Last name</th>
                <th>Score</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td colspan="4">Average score from 05 participants: 500</td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>01</td>
                <td>Gosho</td>
                <td>Goshev</td>
                <td>500</td>
            </tr>
            <tr>
                <td>02</td>
                <td>Tosho</td>
                <td>Toshev</td>
                <td>500</td>
            </tr>
            <tr>
                <td>03</td>
                <td>Pesho</td>
                <td>Peshev</td>
                <td>500</td>
            </tr>
            <tr>
                <td>04</td>
                <td>Gencho</td>
                <td>Genchev</td>
                <td>500</td>
            </tr>
            <tr>
                <td>05</td>
                <td>Draga</td>
                <td>Draganova</td>
                <td>500</td>
            </tr>
        </tbody>
    </table>

CSS

html{    
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:16px; 
}

table{
    margin: 0 auto;     
    border:1px solid #000;   
    border-spacing: 2px;
    border-collapse: separate;        
}
th, td{
    border-collapse:separate;
    border:1px solid #000;
    margin:2px;
    padding:5px;
}
h1{
    padding:0;
    margin:0;
    font-size:1.5rem;
}
tfoot{
    text-align:right;
}