Jumat, 06 Maret 2020

Membuat HTML dalam bentuk tabel absensi

CARA MEMBUAT HTML TABEL

<!DOCTYPE html>
<html>
 <head>
  <link rel="stylesheet" type="text/css" href="img.css">
  <title>ABSENSI BRO...</title>
 </head>
 <style type="text/css">
  #footer{
   text-align: center;
   padding: 20px;
   background-color: #181818;
  }
  </style>
 <body>
  <h2 align="center" style="text-indent:50px;">SMK IT AL ANWARY</h2>
  <h1 style="text-indent:400px;">TEKNIK KOMPUTER DAN JARINGAN</h1>
  <table align="center" rules="rows" margin="1px;">
   <tr>
   </tr>
   <tr>
    <td></td>
   </tr>
  </table>
  <h3><center>ABSENSI KELAS</center></h3>
  <h3><center>SEMESTER GANJIL TAHUN AKADEMIK 2019/2020</center></h3>
  <br />

 <table border="0">
  <tr>
   <td align="justify" style="text-indent:440px;">Program Studi</td>
   <td style="text-indent:20px;">: Teknik Komputer dan jaringan</td>
  <tr>
    <td align="justify" style="text-indent:440px;">Kelas</td>
    <td style="text-indent:20px;">: XII/TKJ</td>
  <tr>
    <td align="justify" style="text-indent:440px;">Nama Kepala sekolah</td>
    <td style="text-indent:20px;">: Malik Arfan S.pd</td>
  </tr>
 </table>
<br />
  <br />
 <table  width="579" border="2" align="center">
  <tr bgcolor="#181818">
   <th rowspan="2">No</th>
   <th rowspan="2">NAMA</th>
   <th colspan="100">ABSENSI</th>
  </tr>
  <tr bgcolor="#181818">
   <td align="center" width="25">A</td>
   <td align="center" width="25">S</td>
   <td align="center" width="25">I</td>
  </tr>
<tr align="left">
   <td align="center">1</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="left">
   <td align="center">2</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="left">
   <td align="center">3</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
    <td></td>
  </tr>
  <tr align="left">
   <td align="center">4</td>
<td> Nama Siswa  </td>
   <td></td>
   <td></td>
    <td></td>
  </tr><tr align="left">
   <td align="center">5</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
<tr align="left">
   <td align="center">6</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
   <td></td>
  </tr><tr align="left">
   <td align="center">7</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
<tr align="left">
   <td align="center">8</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
    <td></td>
  </tr><tr align="left">
   <td align="center">9</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
   <td></td>
  </tr>
  <tr align="left">
   <td align="center">10</td>
   <td>Nama Siswa</td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
 </table>
 <br />
 <table border="0">
  <tr>
   <td style="text-indent:379px;">Keterangan : Absen dikumpulkan diruang guru !!</td>
  </tr>
 </table>

 <br />
 <div id="footer">
 Copyright ©2019. Buatan Siswa
 </div>
 </body>
</html>

HASIL AKHIR NYA DALAM TEKS YANG DI ATAS

SMK IT AL ANWARY

TEKNIK KOMPUTER DAN JARINGAN

ABSENSI KELAS

SEMESTER GANJIL TAHUN AKADEMIK 2019/2020


Program Studi: Teknik Komputer dan jaringan
Kelas: XII/TKJ
Nama Kepala sekolah: Malik Arfan S.pd


NoNAMAABSENSI
ASI
1Nama Siswa
2Nama Siswa
3Nama Siswa
4Nama Siswa
5Nama Siswa
6Nama Siswa
7Nama Siswa
8Nama Siswa
9Nama Siswa
10Nama Siswa

Keterangan : Absen dikumpulkan diruang guru !!

Tidak ada komentar:

Posting Komentar