Monday, August 29, 2016

thumbnail

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







Tags :

Subscribe by Email

Follow Updates Articles from This Blog via Email

No Comments