Friday, January 14, 2011

Merge Tabel Pada HTML

Hai teman , Kali ini saya akan mempostingkan sebuah cara sederhana untuk membuat tabel pada "MACROMEDIA DREAMWEVER " dengan cara sederhana.dan gak akan bikin kita pusing.Membuat tabel di "MACROMEDIA DREAMWEVER " gak jau beda dan gak terlalu susah.
buktinya saya mengerjakan nya dalam waktu kurang dari 1 jam.heheh :D
berikut cara dan langkah- langkah dari saya :

Pertama, Buka software "Macromedia Dreamwever"
Kedua, Pilih pada kotak dialog tersebut "HTML" lalu "OK"
Selanjutnya,  Mulailah dengan membuat script "


<table>






 <tr>
     <td>ISI</td>
 </tr>
</table>

lalu ikuti langkah saya berikut ini, 

Dan  pastikan Script ini berada  di antara " <body>.......</body"













 <table width="300" height="300" border="3">
   
      <tr>
         <td align="center" rowspan="2" bgcolor="#0000FF">1</td>
         <td>2</td>
         <td>3</td>
         <td>4</td>
         <td rowspan="2" colspan="2" bgcolor="#0000FF">5</td>
         <td>6</td>
       
                   </tr>
                  
                  
     <tr>
         <td align="center" rowspan="2" bgcolor="#0000FF">7</td>
         <td>8</td>
         <td>9</td>
         <td>10</td>
       
       
       
                   </tr>
                  
                    
     <tr>
         <td>11</td>
         <td align="center" colspan="2" bgcolor="#0000FF">12</td>
         <td>13</td>
         <td>14</td>
         <td>15</td>
       
                   </tr>
                  
                    
     <tr>
         <td>16</td>
         <td>17</td>
         <td>18</td>
         <td>19</td>
         <td>20</td>
         <td align="center" colspan="2" bgcolor="#0000FF">21</td>
       
                   </tr>
                  
     <tr>
         <td align="center" colspan="3" bgcolor="#0000FF">22</td>
         <td>23</td>
         <td>24</td>
         <td align="center" rowspan="2" bgcolor="#0000FF">25</td>
         <td>26</td>
       
                  </tr>
                 
      <tr>
         <td>27</td>
         <td align="center" colspan="2" bgcolor="#0000FF">28</td>
         <td>29</td>
         <td>30</td>
         <td>31</td>
       
       
                  </tr>
              
              
</table>



 
Berikut Hasil yang Saya Buat :
 
123456
78910
1112131415
161718192021
2223242526
2728293031






Mudah kan !!!

2 comments:

Subscribe to: Post Comments (Atom)