Monday, 3 September 2018

Contoh script membuat tampilan KRS (Kartu Rencana Studi) menggunakan html




<html>
<head><title>pengaturan table spec</title>
<style type="text/css">
                h2{
                                text-align:left;
                                font-family:Verdana, Geneva, sans-serif;
                                font-size:30px;
                                color:blue;
                }
                h3{
                                text-align:left;
                                font-family:Verdana, Geneva, sans-serif;
                                font-size:15px;
                                color:green;
                }
                td.kiri {
                                padding-top: 2cm;
                                padding-right: 2cm;
                                padding-bottom: 2cm;
                                padding-left: 2cm;
                }
                body {
                 width: 460px;
     height: 19px;
     padding: 3px;
     margin-left: auto;
     margin-right: auto;
     color: white;
     background-image: url('love.jpg');
     background-position: center;
     background-repeat: repeat-x;
                }
                </style>              
</head>
<body>
<h2>Kartu Rencana Studi(KRS)</h2>
<h3>NPM : 113112706450037</h3>
<h3>Nama: Auliya Rahmah</h3>
<h3>Program Studi : Teknik Informatika</h3>
<h3>SKS Yang Diambil: 24 sks</h3>

<table width="586" border = "1" align="left" bordercolor="#FF0000" bgcolor="#999999">
    <tr align="center">
      <td width="40" bgcolor="#0066CC"><div align="center">NO. </div></td>
      <td width="81" bgcolor="#0066CC"> Kode MK </td>
      <td width="262" bgcolor="#0066CC"> Nama mk </td>
      <td width="40" bgcolor="#0066CC">SKS</td>
      <td width="129" bgcolor="#0066CC"> Dosen </td>
    </tr>
    <tr align="center">
      <td> <div align="center">1. </div></td>
      <td>08030601</td>
      <td><div align="left">Animasi Komputer</div></td>
      <td>2</td>
      <td>Ina Agustina</td>
    </tr>
    <tr align="center">
      <td> <div align="center">2. </div></td>
      <td>08030603</td>
      <td><div align="left">Computer vision</div></td>
      <td>2</td>
      <td>Ina Agustina</td>
    </tr>
    <tr align="center">
      <td> <div align="center">3. </div></td>
      <td>08020501</td>
      <td><div align="left">Etika Profesi Teknologi Informasi</div></td>
      <td>2</td>
      <td>Ucuk Darusalam</td>
    </tr>
    <tr align="center">
      <td> <div align="center">4. </div></td>
      <td>08020502</td>
      <td><div align="left">Komunikasi dan Masyarakat</div></td>
      <td>3</td>
      <td>Septi andryana</td>
    </tr>
    <tr align="center">
      <td height="44"> <div align="center">5. </div></td>
      <td>08030308</td>
      <td><div align="left">Metodologi Penelitian Teknologi Informasi</div></td>
      <td>3</td>
      <td>Iskandar Fitri</td>
    </tr>
    <tr align="center">
      <td> <div align="center">6. </div></td>
      <td>08030312</td>
      <td><div align="left">Pemograman Game</div></td>
      <td>2</td>
      <td>Rani Puspita</td>
    </tr>
    <tr align="center">
      <td> <div align="center">7. </div></td>
      <td>08030316</td>
      <td><div align="left">Pengolahan Instalasi Komputer</div></td>
      <td>2</td>
      <td>Novi Dian Nathasia</td>
    </tr>
    <tr align="center">
      <td> <div align="center">8. </div></td>
      <td>08030317</td>
      <td><div align="left">Pengolahan Citra dan Pengenalan Pola</div></td>
      <td>2</td>
      <td>Ucuk Darusalam</td>
    </tr>
    <tr align="center">
      <td> <div align="center">9. </div></td>
      <td>08030324</td>
      <td><div align="left">Praktikum Pemograman Web</div></td>
      <td>1</td>
      <td>Ariana azimah</td>
    </tr>
    <tr align="center">
      <td> <div align="center">10. </div></td>
      <td>08030222</td>
      <td><div align="left">Teknik Simulasi dan Pemodelan</div></td>
      <td>3</td>
      <td>Aris Gunaryati</td>
    </tr>
    <tr align="center">
      <td> <div align="center">11. </div></td>
      <td>08030614</td>
      <td><div align="left">Teknologi Sistem Informasi Geografis</div></td>
      <td>2</td>
      <td>Ratih Titi Komala</td>
    </tr>
  </table>
</body>
</html>

No comments:

Post a Comment