dasar membuat table html

dasar membuat table di  html
perintah tabel yang sering di gunakan yaitu  table,tr ,td.
untuk pemahaman saya akan mencoba membuat tiga kolom dan tiga baris.

 <table border="1" widht="50%">
<tr>
<td>baris 1 pada kolom 1</td>
<td>baris 2 pada kolom 1</td>
<td>baris 3 pada kolom 1</td>
</tr>
<tr>
<td>baris 1 pada kolom 2</td>
<td>baris 2 pada kolom 2</td>
<td>baris 3 pada kolom 2</td>
</tr>
<tr>
<td>baris 1 pada kolom 3</td>
<td>baris 2 pada kolom 3</td>
<td>baris 3 pada kolom 3</td>
</tr>
</table>

maka hasilnya seperti di bawah

baris 1 pada kolom 1	baris 2 pada kolom 1	baris 3 pada kolom 1
baris 1 pada kolom 2	baris 2 pada kolom 2	baris 3 pada kolom 2
baris 1 pada kolom 3	baris 2 pada kolom 3	baris 3 pada kolom 3

menggabungkan baris dan colom
cara menggabungkan colom, untuk menggabungkan kolom dengan perintah colspan

<table border="1" widht="50%">
<tr>
<td>baris 1 pada kolom 1</td>
<td>baris 2 pada kolom 1</td>
<td>baris 3 pada kolom 1</td>
</tr>
<tr>
<td>kolom 1</td>
<td colspan ="2">pengabungan kolom 23</td>
</tr>
<tr>
<td colspan="2">pengabungan kolom 1 dan 2</td>
<td>kolom3</td>
</tr>
<tr>
<td colspan="3">penggabungan kolom 123 jadi satu </td>
</tr>
</table>
hasilnya seperti di bawah ini

baris 1 pada kolom 1	baris 2 pada kolom 1	baris 3 pada kolom 1
kolom 1	pengabungan kolom 23
pengabungan kolom 1 dan 2		kolom3
penggabungan kolom 123 jadi satu

penggabungkan antara colom dan baris.
 <table border="1" width="50%">
<tr>
<td colspan="2">hasil penggabungan dua kolm</td>
</tr>
<tr>
<td rowspan="2">hasil penggabngan 2 baris</td>
<td>isi</td>
</tr>
<tr>
<td>isi2</td>
</tr>
</table>

hasilnya seperti terlihat di bawah.

hasil penggabungan dua kolm
hasil penggabngan 2 baris	isi
	isi2

contoh penggunaan tr,th,td
 <table width="400" border="1" cellspacing="0" cellpadding="3">
 <tr>
 <th width="53" rowspan="3" bgcolor="red"> 3 baris</th>
 <th width="74" height="41" bgcolor="red">Nama</th>
 <th width="83" bgcolor="blue">Alamat</th>
  <th colspan="2" bgcolor="green">2 kolom</th>
  <th width="92" bgcolor="green">Telp.</th>
 </tr>
 <tr>
 <td bgcolor="green">data</td>
 <td align="center" bgcolor="green">Jl. Ijo</td>
 <td bgcolor="green">tes</td>
 <td width="92" bgcolor="red">&nbsp;</td>
 <td width="92" bgcolor="yeelow">&nbsp;</td>
 </tr> <tr> <td bgcolor="blue">UDIN</td>
 <td align="center" bgcolor="blue">Jl. Rencong</td>
 <td bgcolor="red">23232</td>
 <td bgcolor="magenta">&nbsp;</td>
 <td bgcolor="gren">&nbsp;</td>
 </tr>
 </table>

hasilnya seperti di bawah ini.

3 baris	Nama	Alamat	2 kolom		Telp.
	data	Jl. Ijo	tes
	UDIN	Jl. Rencong	23232

dari hasil praktek di atas maka penulis mengambil kesimpulan
untuk membuat tabel di awal dengan perintah <table>diahiri </table>,untuk membuat header pakai perntah th,untuk membuat baris perintah tr, untuk data pakai perintah td,

contoh table untuk layout html

untuk pengembangan bisa utak atik sendiri
 kunjugi juga di barliannet.com
as