Tuesday, 8 December 2015

Cara Membuat Daftar Absen Dengan Html

Anda mungkin ingin mengetahui bagaimana cara membuat absensi dengan HTML.
Kali ini akan saya kasih tau caranya, caranya cukup mudah asalkan teliti dengan codingan yang anda buat :

1.Buka Notepad atau Notepad++
2.Kemudian Masukkan coding seperti ini :

<html>
<title>ABSEN</title>
<body>
<table border="1" height="7%" weight"100%">
<tr>
 <div align="center"><td widht="1%">No.</div></td>
 <td widht="20%">Nama</td>
 <td widht="25%">TOTAL ABSEN (A)</td>
 <td widht="25%">TOTAL IZIN (I)</td>
 <td widht="25%">TOTAL SAKIT (S)</td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>1</td>
 <td>Abdul Ghofur</td>
 <td>-</td>
 <td>-</td>
 <td>2</td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>2</td>
 <td>Ahmad Hadi Sultoni</td>
 <td>-</td>
 <td>3</td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>3</td>
 <td>Aldi Frana Siska</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>4</td>
 <td>Alfian Reza Maulana</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>5</td>
 <td>Amallia Khaula Yukiza</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>6</td>
 <td>Anggita Tri Wulandari</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>7</td>
 <td>Bryan Adi Wijaya</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>8</td>
 <td>Devita Ramahani Hidayat</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>9</td>
 <td>Dinar Putri Nagari</td>
 <td></td>
 <td></td>
 <td></td>
</tr><tr style="text-align:left" bgcolor="green">
 <td>10</td>
 <td>Eka Teddy Budhana Gotama</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>11</td>
 <td>Eva Yulinda Sari</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>12</td>
 <td>Fil Ilmi Fiddin</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>13</td>
 <td>Habibatun Nisa</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>14</td>
 <td>Hendrawan Pudjianto</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>15</td>
 <td>Indra Yulian Putra</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>16</td>
 <td>Ivansha Zulkhi Armilanda</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>17</td>
 <td>Luqmanul Hakiym Maulana</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>18</td>
 <td>Moch.Ardianto Firmansyah</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>19</td>
 <td>Moch.Octa Venanda</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>20</td>
 <td>Mochamad Feri</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>21</td>
 <td>Mochamad Rizky Al Ansori</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>22</td>
 <td>Moh.Bima Agustin</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>23</td>
 <td>Mohamad Zikri Nurhuda</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="green">
 <td>24</td>
 <td>Muchammad Ichsanuddin Fanani</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
<tr style="text-align:left" bgcolor="blue">
 <td>25</td>
 <td>Muhammad Afdha Alif Almughni</td>
 <td></td>
 <td></td>
 <td></td>
</tr>
</table>
</body>
</html>

3. Dan save dengan .HTML contohnya absen.HTML
4.Maka hasilnya seperti ini:


Selamat Mencoba

1 comment: