Di bawah ini merupakan langkah-langkah membuat tabel HTML dengan menggunakn ROWSPAN dan COLSPAN, dengan menggunakan MACROMEDIA DREAMWEAVER.
Saya membuat tabel ini menggunakan DREAMWEAVER 8.
Saya membuat tabel ini menggunakan DREAMWEAVER 8.
Inilah SCRIPT-SCRIPT-nya....!!!!
</head>
<table align="center" width="550" border="2" height="350">
<tr>
<td bgcolor="#FCFF00" rowspan="2" ><center>rowspan 1</center></td>
<td bgcolor="#FF0000"<center>1 . 2</center></td>
<td bgcolor="#FF0000"<center>1 . 3</center></td>
<td bgcolor="#FF0000"<center>1 . 4</center></td>
<td bgcolor="#FCFF00" colspan="2" rowspan="2"><center>rowspan 2</center></td>
<td bgcolor="#FF0000"<center>1 . 7</center></td>
</tr>
<tr>
<td bgcolor="#FCFF00" rowspan="2" ><center>rowspan 3</center></td>
<td bgcolor="#FF0000"<center>2 . 3</center></td>
<td bgcolor="#FF0000"<center>2 . 4</center></td>
<td bgcolor="#FF0000"<center>2 . 7</center></td>
</tr>
<tr>
<td bgcolor="#FF0000"<center>3 . 1</center></td>
<td bgcolor="#FCFF00" colspan="2"><center>colspan 1</center></td>
<td bgcolor="#FF0000"<center>3 . 5</center></td>
<td bgcolor="#FF0000"<center>3 . 6</center></td>
<td bgcolor="#FF0000"<center>3 . 7</center></td>
</tr>
<tr>
<td bgcolor="#FF0000"<center>4 . 1</center></td>
<td bgcolor="#FF0000"<center>4 . 2</center></td>
<td bgcolor="#FF0000"<center>4 . 3</center></td>
<td bgcolor="#FF0000"<center>4 . 4</center></td>
<td bgcolor="#FF0000"<center>4 . 5</center></td>
<td bgcolor="#FCFF00" colspan="2"><center>colspan 2</center></td>
</tr>
<tr>
<td bgcolor="#FCFF00" colspan="3"><center>colspan 3</center></td>
<td bgcolor="#FF0000"<center>5 . 4</center></td>
<td bgcolor="#FF0000"<center>5 . 5</center></td>
<td bgcolor="#FCFF00" rowspan="2"><center>rowspan 4</center></td>
<td bgcolor="#FF0000"<center>5 . 7</center></td>
</tr>
<tr>
<td bgcolor="#FF0000"<center>6 . 1</center></td>
<td bgcolor="#FCFF00" colspan="2">colspan 4</td>
<td bgcolor="#FF0000"<center>6 . 4</center></td>
<td bgcolor="#FF0000"<center>6 . 5</center></td>
<td bgcolor="#FF0000"<center>6 . 7</center></td>
</tr>
</table>
<body>
</body>
</html>
Membuatnya agak sulit sihh, tapi kalau diperhatikan pasti akan mudah mengerjakannya..
colspan 4 |
Share it to your friends..!
tugasnya sudah saya periksa...