Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Успеваемость группы</title>

    <style>
        body{
            font-family: "Times New Roman", serif;
            background:#ffffff;
        }

        .container{
            width: 900px;
            margin: 20px auto;
        }

        .header{
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .header img{
            width: 90px;
            height: 90px;
            border: 2px solid black;
        }

        h1{
            font-size: 34px;
            font-weight: bold;
        }

        .semester{
            margin-top: 30px;
            background: #d9d9d9;
            text-align: center;
            font-size: 28px;
            padding: 10px;
            font-weight: bold;
        }

        table{
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        th, td{
            border: 2px solid #555;
            padding: 10px;
            text-align: center;
            font-size: 20px;
        }

        th{
            background: #efefef;
        }

        .dark{
            background: #444;
            color: white;
        }

        .left{
            text-align: left;
            padding-left: 10px;
        }

        .footer{
            text-align: right;
            margin-top: 10px;
            font-style: italic;
            font-size: 18px;
        }
    </style>
</head>

<body>

<div class="container">

    <div class="header">
        <img src="https://cdn-icons-png.flaticon.com/512/2232/2232688.png" alt="books">

        <h1>Успеваемость группы 3 ОВТ</h1>
    </div>

    <div class="semester">
        За первый семестр
    </div>

    <table>

        <tr>
            <th rowspan="2">Студент</th>

            <th colspan="4">Предмет</th>

            <th colspan="3">Количество пропусков</th>
        </tr>

        <tr>
            <th>Интернет-технологии</th>
            <th>Базы данных</th>
            <th>ОВС</th>
            <th>Операционные системы</th>

            <th>Всего</th>
            <th>По уважит. причине</th>
            <th>По неуважит. причине</th>
        </tr>

        <tr class="dark">
            <td class="left">Иванов П. Н.</td>
            <td>5</td>
            <td>5</td>
            <td>4</td>
            <td>5</td>

            <td>22</td>
            <td>16</td>
            <td>6</td>
        </tr>

        <tr>
            <td class="left">Сидоров О. Л.</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>
            <td>4</td>

            <td>78</td>
            <td>67</td>
            <td>11</td>
        </tr>

    </table>

    <div class="footer">
        Составил студент группы...
    </div>

</div>

</body>
</html>