Membuat Tabel dengan HTML

Penyajian data menggunkan tabel lebih menarik dan menghemat tempat,selain itu para pembaca lebih mudah untuk memahami isi dari suatu informasi. Tabel terdiri dari 2 elemen yaitu baris dan kolom. sedangkan dalam html untuk membuat tabel ada beberapa tag yang dibutuhkan dalam HTML. Tag yang dibutuhkan diantaranya:

1. <table></table>  digunakan untuk mendefinisikan sebuah tabel.
2. <caption></caption> digunakan untuk membentuk judul tabel. tabel judul ini akan terletak di luar tabel, bisa dibagian atas atau bagian bawah.
3. <th></th>  digunakan untuk meletakkan judul tabel di bagian paling atas atau paling kiri dari suatu tabel. tabel header akan dicetak dengan huruf besar. 
4. <tr></tr> digunakan untuk membentuk baris pada suatu tabel.
5. <td></td> digunakan untuk tempat menulis data atau informasi dalam tabel.

contoh tabel sederhana:

baris 1, kolom 1	baris 1, kolom 2
baris 2, kolom 1	baris 2, kolom 2

contoh skrip html 

<table border="1" style="width: 221px;"> <tr><td>baris 1, kolom 1</td> <td>baris 1, kolom 2</td></tr> <td>baris 2, kolom 1</td> <td>baris 2, kolom 2</td></tr> </table>

Langkah mudah membuat tabel dengan adobe dreamweaver:

1. klik pada tool inser > pilih table > masukkan jumlah baris dan kolom yang diinginkan > OK
2. cara lainnya dengan tekan kombinasi keyboard ctrl+alt+T >  masukkan jumlah baris dan kolom yang diinginkan > OK

menggabungkan 2 baris (merge cell)

baris 1, kolom 1 baris 2, kolom 1	baris 1, kolom 2
	baris 2, kolom 2

contoh skrip untuk merge cell

<table border="1" style="width: 221px;"> <tr><td rowspan="2"><p>baris 1, kolom 1</p> <p>baris 2, kolom 1</p></td> <td>baris 1, kolom 2</td></tr> <td>baris 2, kolom 2</td></tr> </table>

cara lainnya:

• Pilih tampilan design split atau design. kemudian blog baris atau kolom yang ingin digabungkan.  Setelah baris atau kolom dipilih klik kanan >pilih table> pilih merge cell.
• untuk memisahkan baris atau kolom yang telah di gabungkan seleksi kolom dan baris yang digabung tadi kemudian klik kanan > table> split cell.
• merge ataupun split sell bisa juga menggunakan icon merge/split yang terletak di pojok kiri bawah.