Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>index - unit 4 list intro</title>
        <style>
            table{
                background-color: gold;
                width: 500px;
                height: 750px;
            }
            thead{
                background-color:blue;
                color: white;
            }
            tbody{
                background-color:yellow;
                color: blue;
            }
            tfoot{
                background-color:orange;
                color: green;
            }


            tbody tr{
                background-color: red;
            }


            tbody tr:nth-child(even) td:nth-child(even){
                background-color: black;
                color: green;
            }
            tbody tr:nth-child(odd) td:nth-child(odd){
                background-color: black;
                color: green;
            }

            ol{
                list-style-type: upper-alpha;
            }

            ol ol{
                list-style-type: decimal;
            }
            ol ol ol{
                list-style-type: lower-roman;
            }
        </style>
    </head>
    <body>

        <table>
            <thead>
                <tr>
                    <th>cell 1.1</th>
                    <th>cell 1.2</th>
                    <th>cell 1.3</th>
                    <th>cell 1.4</th>
                    <th>cell 1.5</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>cell 2.1</td>
                    <td>cell 2.2</td>
                    <td>cell 2.4</td>
                    <td>cell 2.5</td>
                    <td>cell 2.6</td>
                </tr>
                <tr>
                    <td>cell 3.1</td>
                    <td>cell 3.2</td>
                    <td>cell 3.4</td>
                    <td>cell 3.5</td>
                    <td>cell 3.6</td>
                </tr>
                <tr>
                    <td>cell 4.1</td>
                    <td>cell 4.2</td>
                    <td>cell 4.4</td>
                    <td>cell 4.5</td>
                    <td>cell 4.6</td>
                </tr>
                <tr>
                    <td>cell 5.1</td>
                    <td>cell 5.2</td>
                    <td>cell 5.4</td>
                    <td>cell 5.5</td>
                    <td>cell 5.6</td>
                </tr>
                <tr>
                    <td>cell 5.1</td>
                    <td>cell 5.2</td>
                    <td>cell 5.4</td>
                    <td>cell 5.5</td>
                    <td>cell 5.6</td>
                </tr>
                <tr>
                    <td>cell 5.1</td>
                    <td>cell 5.2</td>
                    <td>cell 5.4</td>
                    <td>cell 5.5</td>
                    <td>cell 5.6</td>
                </tr>
                <tr>
                    <td>cell 5.1</td>
                    <td>cell 5.2</td>
                    <td>cell 5.4</td>
                    <td>cell 5.5</td>
                    <td>cell 5.6</td>
                </tr>
                <tr>
                    <td>cell 5.1</td>
                    <td>cell 5.2</td>
                    <td>cell 5.4</td>
                    <td>cell 5.5</td>
                    <td>cell 5.6</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td>cell 6.1</td>
                    <td>cell 6.2</td>
                    <td>cell 6.4</td>
                    <td>cell 6.5</td>
                    <td>cell 6.6</td>
                </tr>
            </tfoot>
        </table>

        <ol>
            <li>level 1: item 1</li>
            <ol>
                <li>level 2: item 1</li>
                <ol><!--LEVEL 3 LIST**********************************-->
                    <li>level 3: item 1</li>
                    <li>level 3: item 1</li>
                    <li>level 3: item 1</li>
                </ol><!-- END LEVEL 3 LIST****************************-->
                <li>level 2: item 1</li>
                <li>level 2: item 1</li>
            </ol>
            <li>level 1: item 2</li>
            <ol>
                <li>level 2: item 1</li>
                <li>level 2: item 1</li>
                <li>level 2: item 1</li>
            </ol>
            <li>level 1: item 3</li>
            <ol>
                <li>level 2: item 1</li>
                <li>level 2: item 1</li>
                <li>level 2: item 1</li>
            </ol>
        </ol>


    </body>
</html>