Kali ini saya akan membahas atribut colspan & rowspan pada pemrograman web menggunakan script HTML. Kedua atribut tersebut merupakan atribut yang sangat penting di dalam salah satu tag HTML yaitu tag 'table'. Tanpa kedua atribut tersebut, tidak mungkin kita dapat membuat & memperindah halaman web yang kita buat.
Pertama-tama saya akan memberikan contoh table yang menggunakan atribut Colspan. Colspan digunakan untuk menggabungkan 2 buah kolom atau lebih pada suatu table. Contohnya seperti di bawah ini....
Scriptnya....
<table border="1">
<tr>
<td colspan="3">header</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
Perhatikan tampilan table yang saya buat di atas. Yang digabung adalah kolom teratas, atributnya adalah colspan="3", angka 3 adalah jumlah kolom terbanyak yang ada pada table yang kita buat.
Kemudian setelah itu, saya akan meberikan contoh table yang meggunakan atribut Rowspan. Rowspan digunakan untuk menggabungkan 2 baris atau lebih pada suatu table. Contohnya seperti di bawah ini...
Scriptnya....
<table border="1">
<tr >
<td rowspan="4">menu</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
Perhatikan tampilan table yang saya buat di atas. Yang digabung adalah baris paling kiri, atributnya adalah rowspan="4", angka 4 adalah jumlah baris terbanyak yang ada pada table yang kita buat.
Bagaimana?Mudah sekali bukan??
Memang pemrograman web adalah pemrograman yang paling mudah daripada yang lainnya(makanya saya menyukainya, jiahahaha).
Pertama-tama saya akan memberikan contoh table yang menggunakan atribut Colspan. Colspan digunakan untuk menggabungkan 2 buah kolom atau lebih pada suatu table. Contohnya seperti di bawah ini....
| header | ||
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
Scriptnya....
<table border="1">
<tr>
<td colspan="3">header</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
Perhatikan tampilan table yang saya buat di atas. Yang digabung adalah kolom teratas, atributnya adalah colspan="3", angka 3 adalah jumlah kolom terbanyak yang ada pada table yang kita buat.
Kemudian setelah itu, saya akan meberikan contoh table yang meggunakan atribut Rowspan. Rowspan digunakan untuk menggabungkan 2 baris atau lebih pada suatu table. Contohnya seperti di bawah ini...
| menu | ||
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
Scriptnya....
<table border="1">
<tr >
<td rowspan="4">menu</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
Perhatikan tampilan table yang saya buat di atas. Yang digabung adalah baris paling kiri, atributnya adalah rowspan="4", angka 4 adalah jumlah baris terbanyak yang ada pada table yang kita buat.
Bagaimana?Mudah sekali bukan??
Memang pemrograman web adalah pemrograman yang paling mudah daripada yang lainnya(makanya saya menyukainya, jiahahaha).
