Pengenalan HTML NEWS

Membuat Dan Memformat Tabel

Published by admin on April 16, 2009

Cara menyisipkan atau membuat table pada halaman web kita adalah terlebih dahulu kita Harus membuat judulnya yaitu membuat table di bawah bagian body kita akan mengetikkan Seperi ini <table border=1 lalu ukuran lebar nya yaitu width=500 dan untuk memberi warna Background Pada table adalah bgcolor=”green”>. Tabel terdiri dari beberapa baris dan kolom Untuk membuat baris di dalam tag HTML kita dapat mengetikkan kode seperti ini <tr> kemudian Untuk menutupnya </tr>. Kemudian untuk menambahkan kolomnya kiat ketikkan tag HTMLnya <td> kemudian ketikkan isi textnya dan kita tutup perintahnya </td> setelah itu kita simpan dan Refresh maka akan terlihat table satu baris dan satu kolom dan jika kita ingin menambah kolom

Yang baru kita copy kode HTML yang ada lalu pastekan di bawah kode HTML tersebut, kemudian Kita simpan kembali dan refresh maka akan bertambah kolom pada halaman web kita.

Membuat Customizesasi pada table kita, misalnya untuk baris yang pertama kita akan menambahkan kolomnya menjadi tiga maka kita akan mengetikkan kembali kode tagnya lalu kita simpan dan lihat perubahannya, maka table untuk baris pertama telah di buat jumlah kolomnya menjadi tiga. Selanjutnya kita akan menggabungkan kolom pada baris pertama yaitu kita ketikkan <td colspane=2> lalu kita ketikkan text yang akan di isi kemudian </td>, setelah itu kita simpan dan refresh pada halaman web kita pada baris pertama kolom telah di gabungkan .

Selanjutnya kita akan menggabungkan baris kedua kolom kedua sampai baris kelima Di gabungkan menjadi satu. Caranya adalah buka kode HTML pastikan pada baris kedua Dan pada td yang kedua kita dapat menambah kode tag HTML yaitu rowspane=ketikkan Jumlah baris yang akan di gabungkan misalnya 4 kemudian tutup kurung lalu kita ketikkan Isi text yang akan mengisi baris atau sel yang kita gabungkan tersebut. Inilah kode tag yang Menggabungkan beberapa baris atau sel dalam baris tertentu . Kemudian kita simpan dan buka Pada halaman web kita lalu di refresh maka akan terlihat pada baris kedua sampai baris kelima Selnya sudah di gabungkan. Untuk table masih banyak atribut yang sering di gunakan yaitu kita Dapat mengetikkan kode HTML adalah cellspacing=masukkan nilainya mis: 10 gunanya untuk Mengatur jarak sel dengan sel yang lainnya. Sedangkan untuk mengatur jarak sel dengan text Kita ketikkan kode tag HTML adalah cellpadding=masukkan nilai yang kita butuhkan, kemudian Simpan dan refresh maka jarak sel telah bertambah jaraknya.

Cara mengatur kolom pada table, membuat tinggi baris pada baris kedua yaitu kita ketikkan Seperti ini <td height=50 bgcolor=”yellow” align=”center”> <font color=red>nomor </font> sedangkan untuk td kita harus menutup yaitu </td>. Setelah itu kita simpan lalu kita lihat pada browser dan refresh maka akan tampil hasil dari tinggi sel dari table kita. Kita dapat mengubah lebar kolom atau lebar selnya, Jika kita akan menambah lebar selnya maka kita tambahkan lebar dari kolom tersebut. Selanjutnya kita lihat pada browser dan refresh maka akan bertambah lebar selnya.

Download: Video 1, Video 2