SKI vezbe 2

index.html
-----------------
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />

    <title>Page Title</title>
    <style>
        table,td,th{border: 1px solid black;}
    </style>
</head>
<body>
    <table>
        <thead>
            <th>Rbr</th>
            <th>Ucesnici</th>
            <th>Ucesnice</th>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>20</td>
                <td>30</td>
            </tr>
            <tr>
                    <td>2</td>
                    <td>10</td>
                    <td>20</td>
            </tr>
            <tr>
                    <td>3</td>
                    <td>10</td>
                    <td>50</td>
            </tr>
            <tr>
                <td>4</td>
                <td colspan="2">50</td>
            </tr>
        </tbody>
    </table>
    <a href="forma.html">Forma</a>
    <br>
    <a href="canvas.html">Canvas</a>

</body>
</html>
-----------------------------------
tabela.html - zavrshiti kuci
-----------------------------------
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />


</head>
<body>
    <table>
        <thead>
            <th>Termin</th>
            <th>Ponedeljak</th>
            <th>utorak</th>
            <th>Sreda</th>
            <th>Cetvrtak</th>
            <th>Petak</th>


        </thead>
    </table>
</body>
</html>
-------------------------------
forma.html
-------------------------------
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Forma</title>

</head>
<body>
    <form action="upis.php">
        <label for="ime">Unesite ime</label>
        <input type="text" name="ime" id="ime" required>
        <br>
        <label for="vreme">Unesite termin koji vam odgovara</label>
        <input type="time" name="vreme" id="vreme">
        <br>
        <label for="">Izaberite godinu studija</label>
        <br>
        <input type="radio" name="godina" id="" value="1">Prva godina
        <br>
        <input type="radio" name="godina" id="" value="2">Druga godina
        <br>
        <input type="radio" name="godina" id="" value="3">Treca godina
        <br>
        <label for="">Izaberite predmete</label>
        <br>
        <input type="checkbox" name="predmet1" id=""> SKI1
        <br>
        <input type="checkbox" name="predmet2" id=""> SKI2
        <br>
        <input type="checkbox" name="predmet3" id=""> SKI3
        <br>
        <label for="">Unesite email</label>
        <input type="email" name="email" id="" required>
        <br>
        <label for="">Komentar</label>
        <textarea name="komentar" id="" cols="30" rows="10"></textarea>
        <br>
        <input type="submit" value="Posalji">
    </form>
</body>
</html>
-----------------------------------
canvas.html
-----------------------------------
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Canvas</title>
</head>
<body>
    <canvas id="canvas1" width="1000px" height="1000px" style="border:1px solid black;"></canvas>
    <script>
        var c=document.getElementById("canvas1");
        var ctx=c.getContext("2d");

        ctx.strokeStyle="red";
        ctx.styleFill="blue";

        ctx.beginPath();
        ctx.moveTo(10,10);
        ctx.lineTo(10,110);
        ctx.lineTo(110,110);
        ctx.closePath();
        ctx.stroke();
        ctx.fillStyle="red";
        ctx.fillRect(200,200,500,201);
        ctx.fillStyle="blue";
        ctx.fillRect(200,400,500,202);
        ctx.fillStyle="white";
        ctx.fillRect(200,600,500,203);


    </script>
</body>
</html>
----------------------------------
canvas2.html
---------------------------------<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Canvas</title>
</head>
<body>
    <canvas id="canvas1" width="300px" height="300px" style="border:1px solid black;"></canvas>
    <script>
        var c=document.getElementById("canvas1");
        var ctx=c.getContext("2d");

        ctx.strokeStyle="red";
        ctx.styleFill="blue";


        ctx.fillStyle="red";
        ctx.fillRect(0,0,300,100);
        ctx.fillStyle="blue";
        ctx.fillRect(0,100,300,100);
        ctx.fillStyle="white";
        ctx.fillRect(0,200,300,200);


    </script>
</body>
</html>