Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.
Contoh :
<html>
<head>
<title>Colspan dan Rowspan</title>
</head>
<body>
<table bgcolor="#CCCFF" width="65%" border="1" cellpadding="0">
<tr>
<td colspan="3" align="center">Desain 1 ( Muryan Awaludin )</td>
<td colspan="3" align="center">Desain 2 ( Muryan Awaludin )</td>
</tr>
<tr align="center">
<td> Adobe Photohop</td>
<td> Adobe Dreamweaver</td>
<td> Adobe Illustrator</td>
<td> Adobe Flash</td>
<td> Adobe Pagemaker</td>
<td> Adobe InDesign</td>
</tr>
<tr align="center">
<td> Januari</td>
<td> Februari </td>
<td> Maret </td>
<td> April </td>
<td> Mei </td>
<td> Juni </td>
</tr>
<tr align="center">
<td> 9 kali pertemuan</td>
<td> 12 kali pertemuan </td>
<td> 9 kali pertemuan </td>
<td> 9 kali pertemuan </td>
<td> 9 kali pertemuan </td>
<td> 9 kali pertemuan </td>
</tr>
</table>
</body>
</html>
Hasil di browser :
DOWNLOAD TUTORIAL Merge Cell (colspan dan rowspan)
Password Rar: www.ilmudesain.web.id
0 comments:
Post a Comment
Please Your Comment