Colspan & Rowspan
- 📗 Penjelasan Colspan dan Rowspan
Ada sebuah properties yang berhubungan dengan table yakni atribut colspan dan rowspan.
Colspan atau column span merupakan sebuah atribut HTML yang berfungsi beberapa kolom , sederhananya menggabungkan kolum ke samping.
Rowspan merupakan sebuah atribut HTML yang fungsi utama nya menggabungkan beberapa baris, sederhananya menggabungkan kolum ke bawah
Agar lebih jelas dalam mempelajari Colspan & Rownspan pada table maka saya akan praktekan cara menggunakan dua atribut tersebut
<style>
table, th, td {
border: 2px solid gray;
}
</style>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td colspan="2">5</td>
<td>6</td>
<td rowspan="3">7</td>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<tr>
<table>
</body>
table, th, td {
border: 2px solid gray;
}
</style>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td colspan="2">5</td>
<td>6</td>
<td rowspan="3">7</td>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<tr>
<table>
</body>
Hasil :
- 📕 Latihan Colspan & Rowspan
See the Pen Untitled by Ryuzen (@iryyuzen_) on CodePen.
Mantap kack
BalasHapusPosting Komentar