Untitled

<!--
1.Za pomocą kodu wstaw na strone taka tabelkę (patrz 0iX.jpg)
-->

<!--
2.Za pomocą kodu wstaw na strone taka tabelkę (patrz kalendarz.jpg)
-->


<!doctype html>
<html lang="pl-PL">
    <head>
        <meta charset="utf-8">
        <title>Tabele ćwiczenie 1</title>
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="viewport" content="widtd=device-widtd, initial-scale=1, shrink-to-fit=no">
        <link rel="stylesheet" href="css/style.css">
        <style type="text/css">
            #xo {
                border-collapse: collapse;
                height: 400px;
                width: 400px;

            }
            #xo tr, #xo th {
                border: 1px solid #bbb;
            }
            #cal {
                border-collapse: collapse;
                height: 300px;
                width: 400px;
            }
            #cal tr, #cal #th, #cal td {
                padding: 10px;
                text-align: center;
                border: 1px solid #ccc;
            }
            #sunday {
                color: #fff;
                background-color: #FF6347;
            }
        </style>
    </head>
    <body>
        <!-- tutaj powinien znaleźć się kod tabeli -->
        <table id="xo">
            <tr>
                <th>X</th>
                <th>O</th>
                <th>O</th>
            </tr>
            <tr>
                <th>O</th>
                <th>X</th>
                <th>X</th>
            </tr>
            <tr>
                <th>O</th>
                <th>O</th>
                <th>X</th>
            </tr>
        </table>
        <br>
        <table id="cal">
            <tr>
                <th colspan="7">Styczeń</th>
            </tr>
            <tr>
                <td><strong>Pon</strong></td>
                <td><strong>Wto</strong></td>
                <td><strong>Śro</strong></td>
                <td><strong>Czw</strong></td>
                <td><strong>Pią</strong></td>
                <td><strong>Sob</strong></td>
                <td><strong>Nie</strong></td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td>4</td>
                <td>5</td>
                <td>6</td>
                <td id="sunday">7</td>
            </tr>
            <tr>
                <td>8</td>
                <td>9</td>
                <td>10</td>
                <td>11</td>
                <td>12</td>
                <td>13</td>
                <td id="sunday">14</td>
            </tr>
            <tr>
                <td>15</td>
                <td>16</td>
                <td>17</td>
                <td>18</td>
                <td>19</td>
                <td>20</td>
                <td id="sunday">21</td>
            </tr>
            <tr>
                <td>22</td>
                <td>23</td>
                <td>24</td>
                <td>25</td>
                <td>26</td>
                <td>27</td>
                <td id="sunday">28</td>
            </tr>
            <tr>
                <td>29</td>
                <td>30</td>
                <td>31</td>
                <td></td>
                <td></td>
                <td></td>
                <td id="sunday"></td>
            </tr>
        </table>
    </body>
</html>