Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Studi Kasus 1</title>
    <style type="text/css">
        body{
            font-family: verdana;
            font-size: 18px;
            color: white;
            background-image: url(gambar/23.jpg);
            background-size: 100%;
        }
        form {
            border: 4px darkred outset;
            background-color: indianred;
            width: 400px;
            margin-right: auto;
            margin-left: auto;
        }
        table{
            margin-left: auto;
            margin-right: auto;

        }
        input.button{
            color: white;
            background: darkred;
            border: 2px darkred outset;
            padding: 5px 20px;
            font-size: 14px;
        }
        input.button:hover{
            color: white;
            background: indianred;
        }
        h1,h3 {
            text-align: center;
            color: black;
        }
    </style>
</head>
<body>
    <h1>Daftar Nilai UN Siswa</h1>
    <h3>SMKN 4 Bandung</h3>
    <form id="nilai" name="nilai" method="post" action="proses1.php">
        <table cellspacing="12" cellpadding="5">
            <tr>
                <td>Nama</td>
                <td><input type="text" name="nama" size="20" required="required"></td>
            </tr>
            <tr>
                <td>Nilai B. Indonesia</td>
                <td><input type="text" name="indo" size="20" required="required"></td>
            </tr>
            <tr>
                <td>Nilai Matematika</td>
                <td><input type="text" name="mat" required="required"></td>
            </tr>
            <tr>
                <td>Nilai B. Inggris</td>
                <td><input type="text" name="ing" required="required"></td>
            </tr>
            <tr>
                <td>Nilai Teori Kejuruan</td>
                <td><input type="text" name="tk" required="required"></td>
            </tr>
            <tr>
                <td colspan="2" style="text-align: center;"><input class="button" type="submit" name="submit" value="Hitung"></td>
            </tr>
        </table>
    </form>
</body>
</html>