Use of list and tabels in html

<!DOCTYPE html>
<html lang="en">
<head>
                <title>Page title</title>
</head>
<body>
                <ul type="circle">
                                <li>HOME</li>
                                <li>About</li>
                                <li>Services</li>
                                <li>contact</li>
                </ul>
                <ol>
                                <li>HOME</li>
                                <li>About</li>
                                <li>Services</li>
                                <li>contact</li>
                </ol>
                <div>
                                <table>
                                                <thead>
                                                <caption>Max score by players in Cricket</caption>
                                                <tr>
                                                                <!-- th for header && td of data -->
                                                                <th>S.NO</th>
                                                                <th>Name</th>
                                                                <th>Max Score</th>
                                                                <th>Game</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                                <td>1</td>
                                                                <td>Sachin</td>
                                                                <td>205</td>
                                                                <td>Cricket</td>
                                                </tr>
                                                <tr>
                                                                <td>2</td>
                                                                <td>Sourav</td>
                                                                <td>173</td>
                                                                <td>Cricket</td>
                                                </tr>
                                                <tr>
                                                                <td>3</td>
                                                                <td>Rahul</td>
                                                                <td>509</td>
                                                                <td>Cricket</td>
                                                </tr>
                                                <tr>
                                                                <td>4</td>
                                                                <td>Virat</td>
                                                                <td>25</td>
                                                                <td>Cricket</td>
                                                </tr>
                                                <tr>
                                                                <td>5</td>
                                                                <td>Dhoni</td>
                                                                <td>247</td>
                                                                <td>Cricket</td>
                                                </tr>
                                                </tbody>
                                </table>
                </div>


</body>
</html>