Page 109 - Modul Web
P. 109

kurang menarik. karena tampilan tabel standar dari HTML sendiri memiliki tampilan yang biasa

               saja.  oleh  karena  itu  Pada  pembahasan  belajar  CSS  design  tabel  ini  akan  di  jelaskan
               tentang bagaimana cara design sebuah tabel HTML dengan menggunakan CSS.


                       Di tutorial ini saya akan menjelaskan cara men-design table step by step. pertama kita

               buat kerangka table nya dulu.

               <!DOCTYPE html>

               <html>
               <head>

                       <title>Cara Design Table Dengan CSS | www.malasngoding.com</title>
               </head>
               <body>

                       <h1>Cara Design Table Dengan CSS | www.malasngoding.com</h1>
                       <table border="1">

                              <tr>
                                     <th>No</th>
                                     <th>Nama</th>

                                     <th>Alamat</th>
                                     <th>Usia</th>
                              </tr>

                              <tr>
                                     <td>1</td>
                                     <td>Andi Saputra</td>

                                     <td>Magelang</td>
                                     <td>21</td>

                              </tr>
                              <tr>
                                     <td>2</td>

                                     <td>Budi Budiman</td>
                                     <td>Jakarta</td>

                                     <td>24</td>
                              </tr>
                              <tr>




                                                                                                         109
   104   105   106   107   108   109   110   111   112   113   114