Tables in HTML

by danielkwood

HTML

<html>
    <head>
        <title>Tables</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>

    <body>
        <table>
            <caption>Top Selling Games - March 2020</caption>
            <tr>
                <th>Rank</th>
                <th>Title</th>
                <th>Publisher</th>
            </tr>

            <tr>
                <td>1</td>
                <td>Animal Crossing: New Horizons</td>
                <td>Nintendo</td>
            </tr>

            <tr>
                <td>2</td>
                <td>Call of Duty: Modern Warfare</td>
                <td>Activision Blizzard</td>
            </tr>

            <tr>
                <td>3</td>
                <td>MLB: The Show 20</td>
                <td>Sony</td>
            </tr>

            <tr>
                <td>4</td>
                <td>Resident Evil</td>
                <td>Capcom USA</td>
            </tr>

            <tr>
                <td>5</td>
                <td>NBA 2K20</td>
                <td>Take 2 Interactive</td>
            </tr>
        </table>
    </body>
</html>

CSS

table{
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
}

td{
    border: 1px solid black;
    padding: 5px;
}