Membuat Tabel dan beberapa baris

Sebelumnya telah anda buat bagaimana tabel dengan satu baris, berikut ini akan dijelaskan bagaimana membuat tabel dengan banyak baris, selanjutnya anda harus mendefinisikan tag <TR> beserta <TD> untuk membuat beberapa baris dan kolomnya. Ok 

berikut langsung saja anda buat scriptnya

 <html>
 <head>
  <title>Belajar Table</title>
 </head>
 <body>
  <table border="10" width="700" height="300"
  <tr>
   <th rowspan="2">NO</th>
   <th rowspan="2">NAMA</th>
   <th colspan="3">NILAI</th>
   <th rowspan="2">KET</th>
  </tr>
   <tr>
    <td><b><center>UTS</center></b></td>
    <td><b><center>UAS</center></b></td>
    <td><b><center>Rata-Rata</center></b></td>
   </tr>
   <tr>
    <td><center>1</center></td>
    <td>UDIN</td>
    <td><center>90</center></td>
    <td><center>90</center></td>
    <td><center>90</center></td>
    <td><center>LULUS</center></td>
   </tr>
   <tr>
    <td><center>2</center></td>
    <td>UJANG</td>
    <td><center>80</center></td>
    <td><center>80</center></td>
    <td><center>80</center></td>
    <td><center>LULUS</center></td>
   </tr>
   <tr>
    <td><center>3</center></td>
    <td>ISIN</td>
    <td><center>87</center></td>
    <td><center>78</center></td>
    <td><center>82,5</center></td>
    <td><center>LULUS</center></td>
   </tr>
   <tr>
    <td><center>4</center></td>
    <td>SURISIN</td>
    <td><center>50</center></td>
    <td><center>70</center></td>
    <td><center>60</center></td>
    <td><center>TIDAK LULUS</center></td>
   </tr>
   <tr>
    <td><center>5</center></td>
    <td>ICIH</td>
    <td><center>80</center></td>
    <td><center>79</center></td>
    <td><center>9,5</center></td>
    <td><center>LULUS</center></td>
   </tr>
 </body>
</html>
   

 


Hasilnya sebagai berikut







Membuat Tabel dan beberapa baris Membuat Tabel dan beberapa baris Reviewed by semutwifi on 8/31/2016 Rating: 5

No comments:

Komentarlah sesuai judul postingan

Powered by Blogger.