Tabelka1

<!doctype html>
<html>
    <head>
        <style>
            /*edycja atrybutow tabeli oraz komorek*/
            table, td
            {
                border-style: solid;
                border-color: black;
                border-width: 20px;
                border-collapse: collapse;
            }
            table
            {
                /*szerokosc i dlugosc tabeli*/
                width: 200px;
                height: 200px;
                /*wysrodkowanie tekstu w komorce*/
                text-align: center;
                text-decoration: overline;
                /*wysrodkowanie tabeli*/
                margin: auto;
            }
            /*identyfikator, tylko dla jednego elementu na stronę*/
            #kom1
            {
                background-color: darkgray;
            }
            /*klasa do przypisywania wielu elementom*/
            .szary
            {
                background-color: darkgray;
            }
        </style>
            <meta charset = "utf-8">
            <title>Tabelki</title>
        <body>
            <table >
                <tr>
                    <!-- id (raz na strone)-->
                    <td id = "kom1">Asia</td>
                    <td>Ania</td>
                    <td rowspan = "3">Basia<br>Piotr<br>Zosia</td>
                </tr>
                <tr>
                    <td>Jan</td>
                    <!-- klasa (wielokrotny uzytek) -->
                    <td class = "szary">Wiktor</td>
                    <!--<td>Piotr</td>-->
                </tr>
                <tr>
                    <td>Kasia</td>
                    <td>Marysia</td>
                    <!--<td>Zosia</td>-->
                </tr>
            </table>
        </body>

    </head>

</html>