Table HTML

Kamis, 20 Januari 2011

|
Heii semua...
Apa kabar nya..?
Pada postingan ini tidak akan jau dari postingan saya sebelum nya yaitu tentang “Mengabungkan baris dan kolom pada table mlalui HTML”
Yang kita butuh kan adalah : macromedia dreamweaver 8 dan modzilla ferfox
Berikut ini petunuk atau langka langak untuk melaku kanya

<body>
<font face="Verdana, Arial, Helvetica, sans-serif" color="#0000FF" size="3">
<table align='center' bgcolor="#00FFFF" width="100%" height="100%" border="a">
 <tr>
  <td rowspan="2" bgcolor="#FFFFFF" align="center">a</td>
  <td  align="center">b</td>
  <td  align="center">c</td>
  <td  align="center">d</td>
  <td colspan="2" rowspan="2" bgcolor="#00CC99"  align="center">e</td>
  <td  align="center">f</td>


</tr>
 <tr> 
  <td rowspan="2" bgcolor="#0099CC"  align="center">a.a</td>
  <td  align="center">a.b</td>
  <td  align="center">a.c</td>
  <td  align="center">a.d</td>
 </tr>
 <tr>
  <td  align="center">b.a</td>
  <td colspan="2" bgcolor="#00CCFF" align="center">b.b</td>
  <td  align="center">b.c</td>
  <td  align="center">b.d</td>
  <td  align="center">b.e</td>
 </tr>
 <tr>
  <td  align="center">c.a</td>
  <td  align="center">c.b</td>
  <td  align="center">c.c</td>
  <td  align="center">c.d</td>
  <td  align="center">c,e</td>
  <td colspan="2" bgcolor="#0066FF"  align="center">c.f</td>
 </tr>
 <tr>
  <td colspan="3" bgcolor="#0099FF"  align="center">d.a&nbsp;</td>
  <td  align="center">d.b</td>
  <td  align="center">d.c</td>
  <td rowspan="2" bgcolor="#0066FF"align="center">d.e</td>
  <td  align="center">d.d</td>
 </tr>
 <tr>
  <td  align="center">e.a</td>
  <td colspan="2" bgcolor="#33CC66" align="center">e.b</td>
  <td  align="center">e.c</td>
  <td  align="center">e.d</td>
  <td  align="center">e.e</td>
 </tr>
</table>
</font>
</body>

Dan ini hasilnya

a b c d e f
a.a a.b a.c a.d
b.a b.b b.c b.d b.e
c.a c.b c.c c.d c,e c.f
d.a  d.b d.c d.e d.d
e.a e.b e.c e.d e.e

1 komentar:

T. Khairil Ahsyar mengatakan...

tugasnya sudah di periksa...

Posting Komentar

Followers

Popular Posts

About Me

Foto saya
Aku Akan Belajar Dengan Serius

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

Diberdayakan oleh Blogger.