DomaiNesia

Thursday 26 January 2017

Cara Membuat Absen Kuliah Mengunakna HTML


Caranya cukup mudah tingal copy coding di bawah kemudian simpan dengan mengunakna extensi contoh namax absen.html

kemudian jika ingin gambar logo bisa download logo masing2 di internet

Hasil screenshotnya





 <!DOCTYPE html>
<html>
 <head>
  <title>Jadwal Kuliah</title>
 </head>
 <style type="text/css">
  #footer{
   text-align: center;
   padding: 20px;
   background-color: #ccc;
  }
  </style>
 <body>
  <img src="uit.jpg" width="90px;" height="90px;" style="text-indent:400px;">
  <h2  style="text-indent:400px;">UNIVERSITAS INDONESIA TIMUR</h2>
  <h1  style="text-indent:400px;">FAKULTAS ILMU KOMPUTER</h1>
  <table align="center" rules="rows" margin="1px;">
   <tr>
    <td>
     <h4><center>SK.MENDIKNAS RI Nomor: 3725/D/T/K-IX/2009 Tanggal 29 oktober 2009</center></h4> 
    </td>
   </tr>
   <tr>
    <td><h4>Alamat : Jalan Rappocini Raya No. 171,171a,173,173a Telp.0411-421974 PO Box 1667 Makassar 90222</h4></td>
   </tr>
   <tr>
    <td></td>
   </tr>
  </table>
  <h3><center>ABSEN KULIAH</center></h3>
  <h3><center>SEMESTER GANJIL TAHUN AKADEMIK 2015/2016</center></h3>
  <br />

 <table border="0">
  <tr>
   <td align="justify" style="text-indent:230px;">Fakultas</td>
   <td style="text-indent:40px;">: Ilmu Komputer</td>
   <td align="justify" style="text-indent:200px;">Nama Dosen</td>
   <td style="text-indent:40px;">: Gafur.,S.Kom.,MT</td>
  </tr> 
  <tr>
   <td align="justify" style="text-indent:230px;">Program Studi</td>
   <td style="text-indent:40px;">: Teknik Informatika</td>
   <td align="justify" style="text-indent:200px;">Dosen Mitra</td>  
   <td style="text-indent:40px;">: Dirga.,S.Kom</td>
  </tr> 
  <tr>
   <td align="justify" style="text-indent:230px;">Mata Kuliah</td>
   <td style="text-indent:40px;">: Prak/Pemrograman Web I</td>
   <td align="justify" style="text-indent:200px;">Kelas</td>  
   <td style="text-indent:40px;">: BK-14</td>
  </tr> 
  <tr>
   <td align="justify" style="text-indent:230px;">Kode Mata Kuliah</td> 
   <td style="text-indent:40px;">: 03KB-TI</td>
  </tr>
 </table>
  <br />
  <br />  
 <table  width="900" border="1" align="center">
  <tr bgcolor="#36c2ff">
   <th rowspan="2">No</th>
   <th rowspan="2">NIM</th>
   <th rowspan="2">Nama Mahasiswa</th>
   <th colspan="100">Paraf Dosen/Mahasiswa</th>
  </tr>
  <tr bgcolor="#36c2ff">
   <td align="center" width="25">1</td>
   <td align="center" width="25">2</td> 
   <td align="center" width="25">3</td>
   <td align="center" width="25">4</td>
   <td align="center" width="25">5</td>
   <td align="center" width="25">6</td>
   <td align="center" width="25">7</td>
   <td align="center" width="25">8</td>
   <td align="center" width="25">9</td>
   <td align="center" width="25">10</td>
   <td align="center" width="25">11</td>
   <td align="center" width="25">12</td>
   <td align="center" width="25">13</td>
   <td align="center" width="25">14</td>
   <td align="center" width="25">15</td>
   <td align="center" width="25">16</td>
  </tr>

  <tr align="center">
   <td>1</td>
   <td>14.1401.081</td>
   <td>Putu Ariana</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>2</td>
   <td>14.1401.041</td>
   <td>Esra Wati</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>3</td>
   <td>14.1401.044</td>
   <td>Sandi Irawan</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>4</td>
   <td>14.1401.082</td>
   <td>Eko purwato</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr><tr align="center">
   <td>5</td>
   <td>14.1401.051</td>
   <td>Nirwana</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>6</td>
   <td>14.1401.061</td>
   <td>Nelson Masara</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr><tr align="center">
   <td>7</td>
   <td>14.1401.065</td>
   <td>Jasman</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>8</td>
   <td>14.1401.074</td>
   <td>Nurhaliana</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr><tr align="center">
   <td>9</td>
   <td>14.1401.394</td>
   <td>Liviana Ode</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>10</td>
   <td>14.1401.392</td>
   <td>Alber Giban</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr><tr align="center">
   <td>11</td>
   <td>14.1401.045</td>
   <td>Egidus W.Lengluibun</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>12</td>
   <td>14.1401.046</td>
   <td>Arjuna</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>13</td>
   <td>14.1401.049</td>
   <td>Febri Lasidik</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>14</td>
   <td>14.1401.066</td>
   <td>Dedi Ahyarudin</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>15</td>
   <td>14.1401.069</td>
   <td>Victor Kevin Lorenso</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>16</td>
   <td>14.1401.056</td>
   <td>Darmawan</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="center">
   <td>17</td>
   <td>14.1401.076</td>
   <td>Hendra Pratama</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
 </table>
 <br />
 <table border="0">
  <tr>
   <td style="text-indent:220px;">Keterangan : Absen Dikumpul Setiap Hari Di Fakultas</td>
  </tr>
 </table>
  
 <br />
 <div id="footer">
 Copyright 2015 - Putu Ariana - Belajar Pemerograman - All Rights Reserved.
 </div>
 </body>
</html>



Sekian dan terimakasih semoga bermafaat jika kurang jelas bisa comment di bawah.


2 comments:

  1. terima kasih....mohon maaf bisa gak absen ini diisi dengan mengklik tanda cek list dan apakah bisa absen ini ditaruh diblog...terima kasih

    ReplyDelete

luvne.com luvne.com ayeey.com cicicookies.com mbepp.com kumpulanrumusnya.comnya.com.com