Home HTML Membuat Tabel dan beberapa baris

Membuat Tabel dan beberapa baris

9 years ago HTML

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

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 <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

Subscribe to: Post Comments ( Atom )