%%html

<!-- Head contains information to Support the Document -->
<head>
    <!-- load jQuery and DataTables output style and scripts -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
    <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>var define = null;</script>
    <script type="text/javascript" language="javascript" src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
</head>

<!-- Body contains the contents of the Document -->
<body>
    <table id="demo" class="table">
        <thead>
            <tr>
                <th>Player</th>
                <th>Position</th>
                <th>Height</th>
                <th>Age</th>
                <th>Weight</th>
                <th>Team</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Patrick Mahomes</td>
                <td>Quarterback</td>
                <td>6ft 2</td>
                <td>27</td>
                <td>225</td>
                <td>Kansas City Chiefs</td>
            </tr>
            <tr>
                <td>Tyreek Hill</td>
                <td>Wide Reciever</td>
                <td>5ft 10</td>
                <td>29</td>
                <td>185</td>
                <td>Miami Dolphins</td>
            </tr>
            <tr>
                <td>Jaylen Waddle</td>
                <td>Wide Reciever</td>
                <td>5ft 10</td>
                <td>24</td>
                <td>185</td>
                <td>Miami Dolphins</td>
            </tr>
            <tr>
                <td>Ja'Marr Chase</td>
                <td>Wide Reciever</td>
                <td>6ft 0</td>
                <td>23</td>
                <td>201</td>
                <td>Cinciniati Bengals</td>
            </tr>
            <tr>
                <td>Joe Burrow</td>
                <td>Quarterback</td>
                <td>6ft 4</td>
                <td>26</td>
                <td>216</td>
                <td>Cinciniati Bengals</td>
            </tr>
            <tr>
                <td>Josh Allen</td>
                <td>Quarterback</td>
                <td>6ft 5</td>
                <td>27</td>
                <td>234</td>
                <td>Buffallo Bills</td>
            </tr>
            <tr>
                <td>T.J. Watt</td>
                <td>linebacker</td>
                <td>6ft 4</td>
                <td>28</td>
                <td>251</td>
                <td>Pittsburgh Steelers</td>
            </tr>
            <tr>
                <td>Myles Garrett</td>
                <td>Defensive End</td>
                <td>6ft 4</td>
                <td>27</td>
                <td>271</td>
                <td>Cleveland Browns</td>
            </tr>
            <tr>
                <td>Nick Chubb</td>
                <td>Running Back</td>
                <td>5ft 11</td>
                <td>27</td>
                <td>227</td>
                <td>Cleveland Browns</td>
            </tr>
            <tr>
                <td>Derrick Henry</td>
                <td>Running Back</td>
                <td>6ft 3</td>
                <td>29</td>
                <td>247</td>
                <td>Tennessee Titans</td>
            </tr>
            <tr>
                <td>Sauce Gardner</td>
                <td>Cornerback</td>
                <td>6ft 3</td>
                <td>22</td>
                <td>201</td>
                <td>New York Jets</td>
            </tr>
        </tbody>
    </table>
</body>

<!-- Script is used to embed executable code -->
<script>
    $("#demo").DataTable();
</script>
Player Position Height Age Weight Team
Patrick Mahomes Quarterback 6ft 2 27 225 Kansas City Chiefs
Tyreek Hill Wide Reciever 5ft 10 29 185 Miami Dolphins
Jaylen Waddle Wide Reciever 5ft 10 24 185 Miami Dolphins
Ja'Marr Chase Wide Reciever 6ft 0 23 201 Cinciniati Bengals
Joe Burrow Quarterback 6ft 4 26 216 Cinciniati Bengals
Josh Allen Quarterback 6ft 5 27 234 Buffallo Bills
T.J. Watt linebacker 6ft 4 28 251 Pittsburgh Steelers
Myles Garrett Defensive End 6ft 4 27 271 Cleveland Browns
Nick Chubb Running Back 5ft 11 27 227 Cleveland Browns
Derrick Henry Running Back 6ft 3 29 247 Tennessee Titans
Sauce Gardner Cornerback 6ft 3 22 201 New York Jets

Describe a benefit of using markdown tables

A benefit of using markdown tables is that it is very easy to show data that would be organized in tables, such as statsitics and other facts that can be shown such as the table above.

Try to Style the HTML table using w3schools.

In W3 schools styles HTML Tables in zebra stripes w3schoolshack.JPG

Describe the difference between HTML and JavaScript.

The Difference between HTML and Javascript is that HTML gives the basic structure and meaning for web content whereas javascript is more advanced of a programming langauge

Describe a benefit of a table that uses JavaScript.

A beneift of a table that uses JavaScript includes that it is more advanced and can have more features as well as style becuase javascript is a more advanaced programming langauge than HTML.