Ads

Rabu, 19 Januari 2011

Membuat Tabel Menggunakan Rowspan dan Colspan

nii cara membuat table merge pada HTML..................................


<table align='center' width="100%" height="100%" border="1">
 <tr>
  <td rowspan="2" bgcolor="#006600" align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">1</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">6</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">5</font></td>
  <td  align="center">4</td>
  <td colspan="2" rowspan="2" bgcolor="#9933FF"  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">2</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">1</font></td>
 </tr>
 <tr>
  <td rowspan="2" bgcolor="#FFFFCC"  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">3</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">7.5</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">8.5</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">11.5</font></td>
 </tr>
 <tr>
  <td  align="center">5.5</td>
  <td colspan="2" bgcolor="#990033"  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">4</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">9.5</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">10.5</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">11.6</font></td>
 </tr>
 <tr>
  <td  align="center">5.6</td>
  <td  align="center">6.6</td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">7.7</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">8.6</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">9.6</font></td>
  <td colspan="2" bgcolor="#99CC66"  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">5</font></td>
 </tr>


 <tr>
  <td colspan="3" bgcolor="#FF33FF"  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">6</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">8.7</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">9.7</font></td>
  <td rowspan="2" bgcolor="#CCCCCC"  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">7</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">11.7</font></td>
 </tr>
 <tr>
  <td  align="center">5.8</td>
  <td colspan="2" bgcolor="#CC0066"  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">8</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">8.8</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">9.8</font></td>
  <td  align="center"><font color="#CC6699" size="3" face="Bradley Hand ITC">11.8</font></td>
 </tr>
</table>


niii hasil nyaaaaa.....







1 6 5 4 2 1
3 7.5 8.5 11.5
5.5 4 9.5 10.5 11.6
5.6 6.6 7.7 8.6 9.6 5
6 8.7 9.7 7 11.7
5.8 8 8.8 9.8 11.8

3 komentar:

T. Khairil Ahsyar mengatakan...

tugasnya sudah di periksa...

guriearians mengatakan...

^^
ank baru mass.. :))
mhon bntuan di gurie.co.cc

mAy be hAndsOme mengatakan...

mantaf dech..thank's infonya...
follow y http://aghaajadech.blogspot.com