BELAJAR HTML TABLE

                                                         CARA BUAT TABLE HTML

Name	Tempat Pencarian

ini kalau 1 kolom.        ini kodenya :

<table border="1"><tbody>
<tr> <th>name</th> <td>Tempat Pencarian</td> </tr>
</tbody></table>

Name	Address
Tempat Pencarian	Medan

ini kodenya :

<table border="1"><tbody>
<tr> <th>name</th> <th>address</th></tr>
<tr> <td>Tempat Pencarian</td><td>Medan</td> </tr>
</tbody></table>

Name	Tempat Pencarian
Addres	Medan

ini kalau vertical kodenya :...



<table border="1"><tbody>
<tr> <th>Name</th> <td>Tempat Pencarian</td></tr>
<tr> <th>Addres</th> <td>Medan</td></tr>
</tbody></table>

Name	Telephone
Tempat Pencarian	7675643contoh	87785479contoh

ini untuk 1 judul 2 isi , ini kodenya :

<table border="1"><tbody>
<tr>   <th>Name</th>   <th colspan="2">Telephone</th> </tr>
<tr>   <td>Tempat Pencarian</td>   <td>7675643contoh</td>   <td>87785479contoh</td> </tr>
</tbody> </table>

Nama Lengap:	Tempat Pencarian
Telephone:	7675643contoh
	87785479contoh

ini verticalnya  kodenya : 

<table border="1"><tbody>
<tr>   <th>Nama Lengap:</th>   <td>Tempat Pencarian</td> </tr>
<tr>   <th rowspan="2">Telephone:</th>   <td>7675643contoh</td> </tr>
<tr>   <td>87785479contoh</td> </tr>
</tbody> </table>

Silahkan Tentukan Pilihan Anda	Lengkapnya: A B C D
Nama yang di pilih Apel Pisang Jeruk Anggur	Selamat Menikmati

ini kodenya :

<table border="10"><tbody>

<tr>   <td>

Silahkan

Tentukan Pilihan Anda</td>   <td>Lengkapnya:

<table border="10"><tbody>

<tr>      <td>A</td>      <td>B</td>    </tr>

<tr>      <td>C</td>      <td>D</td>    </tr>

</tbody></table>

</td> </tr>

<tr>   <td>Nama yang di pilih

<ul>

<li>Apel</li>

<li>Pisang</li>

<li>Jeruk</li>

<li>Anggur</li>

</ul>

</td>   <td>Selamat Menikmati</td> </tr>

</tbody> </table>

First	Row
Second	Row

kodenya :

<table border="1"><tbody>
<tr>   <td>First</td>   <td>Row</td> </tr>
<tr>   <td>Second</td>   <td>Row</td> </tr>
</tbody></table>

lihat kolom ini ruangnya lebih besar:

First	Row
Second	Row

kodenya :


<table border="1" cellpadding="10"><tbody>
<tr>   <td>First</td>   <td>Row</td> </tr>
<tr>   <td>Second</td>   <td>Row</td> </tr>
</tbody></table>

Without cellspacing:

First	Row
Second	Row

kodenya :

<table border="1">

<tr>

  <td>First</td>

  <td>Row</td>

</tr>

<tr>

  <td>Second</td>

  <td>Row</td>

</tr>

</table>

With cellspacing="0":

First	Row
Second	Row

kodenya :

<table border="1" cellspacing="0"><tbody>

<tr>   <td>First</td>   <td>Row</td> </tr>

<tr>   <td>Second</td>   <td>Row</td> </tr>

</tbody></table>

With cellspacing="10":

First	Row
Second	Row

kodenya :

<table border="1" cellspacing="10"><tbody>

<tr>   <td>First</td>   <td>Row</td> </tr>

<tr>   <td>Second</td>   <td>Row</td> </tr>

</tbody></table>

(border"10")ini untuk ketebalan jarak pada table,sesuaikan pada selera anda.
(colspan="2")ini untuk kolom di bawah judul yang jadi 2 .
(cellpadding="10")ini untuk ruang dalam kolom tentukanlah sendiri ukuranya.
(cellspacing="10")ini untuk ruang garis kolom tentukan ukuranya.
 itulah kode untuk buat table ,silahkan anda kembangkan.