HTML Dasar : #9 Tabel

Post on 12-Feb-2017

186 Views

Category:

Education

0 Downloads

Preview:

Click to see full reader

Transcript

<HTML>tabel

<table></table>

simple

<table><tr><td>baris 1, kolom 1</td><td>baris 1, kolom 2</td>

</tr><tr><td>baris 1, kolom 1</td><td>baris 1, kolom 2</td>

</tr>…

</table>

complex

<table><thead>

<tr><th></th><th>Kolom 1</th><th>Kolom 2</th>

</tr></thead><tbody>

<tr><th>Baris 1</th><td>Baris 1, Kolom 1</td><td>Baris 1, Kolom 2</td>

</tr><tr>

<th>Baris 2</th><td>Baris 2, Kolom 1</td><td>Baris 2, Kolom 2</td>

</tr></tbody>

<table><thead>

<tr><th></th><th>Kolom 1</th><th>Kolom 2</th>

</tr></thead><tbody>

<tr><th>Baris 1</th><td>Baris 1, Kolom 1</td><td>Baris 1, Kolom 2</td>

</tr><tr>

<th>Baris 2</th><td>Baris 2, Kolom 1</td><td>Baris 2, Kolom 2</td>

</tr></tbody>

}header / judul

header / judul

header / judul

<table></table>

border align

cellspacing cellpadding

colspan rowspan

<table border=“1”>

<table border=“1” cellspacing=“0”>

<table border=“1” cellspacing=“0” cellpadding=“8”>

<table></table>

colspan rowspan

<table border="1" cellspacing="0" cellpadding="5"><tr>

<td>1,1</td><td>1,2</td><td>1,3</td>

</tr><tr>

<td>2,1</td><td>2,2</td><td>2,3</td>

</tr><tr>

<td>3,1</td><td>3,2</td><td>3,3</td>

</tr></table>

<table border="1" cellspacing="0" cellpadding="5"><tr>

<td>1,1</td><td colspan="2">colspan = 2</td>

</tr><tr>

<td>2,1</td><td>2,2</td><td>2,3</td>

</tr><tr>

<td>3,1</td><td>3,2</td><td>3,3</td>

</tr></table>

<table border="1" cellspacing="0" cellpadding="5"><tr>

<td>1,1</td><td colspan="2">colspan = 2</td>

</tr><tr>

<td>2,1</td><td>2,2</td><td>2,3</td>

</tr><tr>

<td>3,1</td><td>3,2</td><td>3,3</td>

</tr></table>

menggabungkan 2 buah cell (1,2) & (1,3)

<table border="1" cellspacing="0" cellpadding="5"><tr>

<td rowspan="3">rowspan = 3</td><td colspan="2">colspan = 2</td>

</tr><tr>

<td>2,2</td><td>2,3</td>

</tr><tr>

<td>3,2</td><td>3,3</td>

</tr></table>

<table border="1" cellspacing="0" cellpadding="5"><tr>

<td rowspan="3">rowspan = 3</td><td colspan="2">colspan = 2</td>

</tr><tr>

<td>2,2</td><td>2,3</td>

</tr><tr>

<td>3,2</td><td>3,3</td>

</tr></table>

menggabungkan 3 buah cell (1,1), (1,2) & (1,3)

<td> hilang

<td> hilang

matur nuwun.sandhikagalih@unpas.ac.id

top related