Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Tabele</title>

        <style>
            table{
                border-collapse: collapse;

            }

            th, td{
                border: 1px solid #dddddd;
            }


            .tabela1{
                border-collapse: collapse;
                font-family: arial, sans-serif;
                width: 80%;
            }

            .td1 {
                border: 3px solid #990000;
                text-align: left;
                padding: 5px;
            }
            .th1{
                border: 3px solid #990000;
                text-align: right;
                padding: 10px;
            }
            .tr1:nth-child(even){
                background-color: #dddddd;
            }
            .tr1:nth-child(odd){
                background-color: #111111;
                color: #ffffff;
            }

            .td2{
                text-align: right;
            }

            .td3{
                background-color: #999900;
            }


        </style>

    </head>

    <body>

        <table class="tabela1">
          <tr class="tr1">
            <th class="th1">Company</th>
            <th class="th1">Contact</th>
            <th class="th1">Country</th>
          </tr>

          <tr class="tr1">
             <td class="td1">Fiat</td>
             <td class="td1">fiat@gmail.com</td>
             <td class="td1">Wlochy</td>
          </tr>

          <tr class="tr1">
             <td class="td1">Daewoo</td>
             <td class="td1">daewoo@gmail.com</td>
             <td class="td1">Wlochy</td>
          </tr>

          <tr class="tr1">
             <td class="td1">Fiat</td>
             <td class="td1">fiat@gmail.com</td>
             <td class="td1">Wlochy</td>
          </tr>

          <tr class="tr1">
             <td class="td1">Daewoo</td>
             <td class="td1">daewoo@gmail.com</td>
             <td class="td1">Wlochy</td>
          </tr>

        </table>

        <br>
        <br>
        <br>

        <table>
            <tr>
                <td rowspan ="2" class = "td3"> Numer </td>
                <td colspan ="2"> Zarobki </td>
            </tr>

            <tr>
                <td class = "td3"> M </td>
                <td class = "td3"> K </td>
            </tr>

            <tr>
                <td class="td2"> 1 </td>
                <td>   </td>
                <td>   </td>
            </tr>

            <tr>
                <td class="td2"> 2 </td>
                <td>   </td>
                <td>   </td>
            </tr>

            <tr>
                <td class="td2"> 3 </td>
                <td>   </td>
                <td>   </td>
            </tr>

            <tr>
                <td class="td2"> 4 </td>
                <td>   </td>
                <td>   </td>
            </tr>

            <tr>
                <td class="td2"> 5 </td>
                <td>   </td>
                <td>   </td>
            </tr>

            <tr>
                <td class="td2"> 6 </td>
                <td>   </td>
                <td>   </td>
            </tr>


        </table>


    </body>
</html>