dadaad



<!DOCTYPE html>
<html lang="pl">
    <head>
        <!--
            tu będzie nagłówek strony
        -->
        <meta charset="utf-8">
        <title>Szablon HTML 5</title>
        <link rel='shortcut icon' href='favicon.ico'>

        <meta name="author" content="Krzysiek Bakowicz">
        <meta name="e-mail" content="bakusgg@gmail.com">
        <meta name="designer" content="Krzysiek Bakowicz">
        <meta name="copyright" content="Krzysiek Bakowicz">

        <meta name="keywords" content="youtube, you, tube, gameplay, letsplay, tech, it, hardware, software">
        <meta name="description" content="Strona informacyjna">

        <meta http-equiv="refresh" content="s; url=www.strona.aaa">
        <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
    </head>


        <style>

        body {
        background-color: #f0eb97;
        font-family: arial;


    }
        table {
            border: 2px solid black;
            border-collapse: separate;
            width: 100%;
            text-align: center;
             }
        th, td, tr { border: 1px solid black;
        font-weight: 5em;
         }
         h1 {
            text-align: center;
         }


        .razem { width: 50; }

        .fiol {background-color: #CBCDFE; }

        .lewo {text-align: left;}

        .kolor {background-color: #6599FF;}

        .prawo {text-align: right;}

        .kolorek {background-color: #9966FF; }

        .druk {font-style: bold;}

        </style>

        <h1> Przykładowa tabela</h1>
    <table width=400 border>
    <caption align=top>Wzrost produkcji masła i margaryny w latach 1991-1995 </caption>
    <tr>
        <td>&nbsp;</td>
        <th colspan=2>1991-1992</th>
        <th colspan=3>1993-1995</th>
    </tr>
    <tr align="center">
        <th>Masło</th>
            <td colspan=2>2390</td>
            <td colspan=3>4350</td>
    </tr>
    <tr align="center">
        <th>Margaryna</th>
            <td>2390</td>
            <td>4350</td>
            <td>980</td>
            <td>1150</td>
            <td>1320</td>
    </tr>
</table>

<br>
<br>

<table>
    <th style="text-transform: uppercase;: " colspan="8" class="fiol"> Stypendium za nauke w roku szkolnym 2001/2002 </th>
    <tr>
        <td colspan="8">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="1" class="lewo">średnia minimalna </td>
        <td colspan="7" class="lewo" >3,50 </td>
    </tr>
    <tr>
        <td colspan="10">&nbsp;</td>
    </tr>
    <tr class="kolor">
        <th colspan="2">Nazwisko</th>
        <th>j.pol</th>
        <th>j.ang</th>
        <th>inf</th>
        <th>Średnia ocen</th>
        <th>Stypendium</th>
    </tr>
    <tr>
        <td colspan="2" class="lewo"> Nowak</td>
        <td class="prawo"> 5</td>
        <td class="prawo"> 4</td>
        <td class="prawo"> 3</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>

    </tr>
    <tr>
        <td colspan="2" class="lewo"> Kowalski</td>
        <td class="prawo"> 3</td>
        <td class="prawo"> 4</td>
        <td class="prawo"> 5</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
    </tr>
    <tr>
        <td colspan="2" class="lewo"> Maciejewski</td>
        <td class="prawo"> 4</td>
        <td class="prawo"> 4</td>
        <td class="prawo"> 4</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
    </tr>
    <tr class="kolorek">
        <td colspan="2" class="prawo"> Średnia z przedmiotu</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
        <td colspan="2" rowspan="3">Zespół Szkół Nr 2</td>
    </tr>
    <tr class="kolorek">
        <td colspan="2" class="prawo"> Najlepsza ocena</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
    </tr>
    <tr class="kolorek">
        <td colspan="2" class="prawo"> Najgorsza ocena</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
        <td class="prawo"> ?</td>
    </tr>
</table>


    </body>
</html>