Pemrograman Web: Tugas4

Tugas-4

No	Provinsi	Ibukota
1	Kalimantan Timur	Samarinda
2	Kalimantan Barat	Pontianak
3	Kalimantan Tengah	Palangkaraya
4	Kalimantan Selatan	Banjarmasin
5	Kalimantan Utara	Tarakan

Untuk kodenya silahkan disalin :

<html>
    <head>
        <title>Tugas-4</title>
        <style type="text/css">
            table{
                border-bottom: 5px 5px;
                border-color: floralwhite;
                border-collapse: collapse;
                border-style: solid;
                border-width: inherit;
                font-family: calibri;
            }
            .head{
                background-color: deepskyblue;
                border-radius: 15px 0px 0px 0px;
            }
            .head2{
                background-color: deepskyblue;     
            }
            .head3{
                background-color: deepskyblue;  
                border-radius: 0px 15px 0px 0px;
            }
            .genap{
                background-color: white;
            }
            .ganjil{
                background-color: whitesmoke;
            }
            .genap:hover{
                background-color: lightskyblue;
            }
            .ganjil:hover{
                background-color: lightsteelblue;
            }
            #nomor{
                text-align: center;
            }           
        </style>
    </head>
    <body>
        <table border="1" width="500" height="250">
            <th class="head">No</th>
            <th class="head2">Provinsi</th>
            <th class="head3">Ibukota</th>
            <tr class="ganjil">
                <td id="nomor">1</td>
                <td>Kalimantan Timur</td>
                <td>Samarinda</td>
            </tr>
            <tr class="genap">
                <td id="nomor">2</td>
                <td>Kalimantan Barat</td>
                <td>Pontianak</td>
            </tr>
            <tr class="ganjil">
                <td id="nomor">3</td>
                <td>Kalimantan Tengah</td>
                <td>Palangkaraya</td>
            </tr>
            <tr class="genap">
                <td id="nomor">4</td>
                <td>Kalimantan Selatan</td>
                <td>Banjarmasin</td>
            </tr>
            <tr class="ganjil">
                <td id="nomor">5</td>
                <td>Kalimantan Utara</td>
                <td>Tarakan</td>
            </tr>
        </table>
    </body>
</html>

Pemrograman Web

Minggu, 10 April 2016

Tugas4

Tidak ada komentar:

Posting Komentar