<!DOCTYPE html>
<html>
<head>
    <style>
        table { border-collapse: collapse; width: 100%; }
        th, td { border: 1px solid #ddd; padding: 10px; text-align: left; }
        th { background: #1B3A5C; color: white; }
        tr:nth-child(even) { background: #f0f4f8; }
        tr:hover { background: #e3f2fd; }
    </style>
</head>
<body>
    <h2>Talabalar jadvali</h2>
    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Ism</th>
                <th>Fan</th>
                <th>Baho</th>
            </tr>
        </thead>
        <tbody>
            <tr><td>1</td><td>Ali</td><td>Informatika</td><td>5</td></tr>
            <tr><td>2</td><td>Vali</td><td>Matematika</td><td>4</td></tr>
            <tr><td>3</td><td>Guli</td><td>Fizika</td><td>5</td></tr>
        </tbody>
    </table>
</body>
</html>