Cara Membuat Tabel Menggunakan HTML di Pemrograman Web Dasar

Selamat datang kembali sob !

Setelah beberapa minggu tidak memposting dikarenakan ada Ujian Tengah Semester di Kampus, Rasanya ada yang kurang kalau tidak ketemu dengan sobat semua. Sobat semua harus merasa haus ilmu karena dengan seperti itu, sobat akan lebih mudah dalam belajar dalam berbagai hal. Sobat harus meluangkan beberapa jam per harinya untuk belajar. Seperti sebuah pepatah menyatakan bahwa Belajar dua jam per hari selama 4 bulan itu lebih baik daripada belajar 12 jam per hari selama 40 hari. 

Dari pepatah di atas bisa kita tarik kesimpulan bahwa sedikit belajar namun rutin setiap harinya dengan waktu yang lebih lama, adalah lebih baik dari pada belajar banyak namun dalam waktu yang lebih singkat. Apalagi saya yakin sobat semua akan merasa bosan jika belajar dengan waktu yang lama per harinya. Karena setiap orang mempunyai tingkat daya tangkap ilmu masing-masing. Dan juga mood pada seseorang selalu berubah-ubah. Maka dari itu sobat harus pandai-pandai mengatur kapan waktu yang tepat untuk belajar.

Baik, pada postingan saya kali ini kita akan membahas bagaimana Cara Membuat Tabel Menggunakan HTML di Pemrograman Web Dasar. Langsung saja kita mulai materinya sob !

Pada dasarnya tag yang digunakan untuk membuat tabel adalah diawaili dengan tag pembuka yaitu <table> dan diakhiri dengan tag peuntup yaitu </table>.  Di antara tag <table> dan </table>, terdapat beberapa tag penyusun tabel itu sendiri. Sobat bisa melihat daftar tag dan atribut yang bisa digunakan dalam pembuatan tabel berikut :

Tag	Atribut	Dekripsi
<table>	border cellpadding cellspacing width height name id title bgcolor background align	Mengatur tebal garis Mengatur jarak teks dengan cell Mengatur jarak antar cell Mengatur lebar tabel (dalam persen %) Mengatur tinggi tabel (dalam persen %) Mengatur name di tabel Mengatur identitas tabel Mengatu title tabel Mengatur warna backgroud tabel Menambah gambar sebagai backgroud tabel Mengatur rata tabel
<tr>	bgcolor align valign	Mengatur warna baris cell Mnegatur rata di baris cell Mengatur rata vertikal di baris cell (top,middlde,bottom)
<td>	height width bgcolor align valign colspan rowspan	Mengatur tinggi cell dalam pixel Mengatur lebar cell dalam pixel Mengatur warna background cell Mengatur rata teks dalam cell Mengatur rata vertikal pada teks dalam cell Menggabungkan beberapa kolom cell menjadi satu cell Menggabungkan beberapa baris cell menjadi satu cell
<th>	height width bgcolor align valign colspan rowspan	Mengatur tinggi cell header dalam pixel Mengatur lebar cell header dalam pixel Mengatur warna cell header Mengatur rata teks dalam cell header Mengatur rata vertika teks dalam cell header Menggabungkan beberapa kolom cell menjadi satu cell Menggabungkan beberaoa varis cell menjadi satu cell

Keterangan :

Tabel terdiri dari baris dan kolom, tag <tr> adalah untuk menentukan banyak baris dan tag <td> adalah untuk menentukan banyaknya cell kolom dalam satu baris. Sedangkan tag <th> adalah untuk membuat cell header.

• Contoh penggunaan atribut-atribut tag <table> :

• Contoh penggunaan atribut-atribut tag <tr> :

• Contoh penggunaan atribu-atribut tag <td> :

• Contoh penggunaan atribut-atribut tag <th> :

Demikianlah beberapa contoh penggunaan atribut dalam tag <table> maupun tag-tag penyusun tabel. Sobat bisa mencoba dengan nilai yang berbeda supaya lebih memahami materi ini. Jika sobat perhatinan, sebenarnya banyak atribut yang bisa digunakan di beberapa tag. Jadi sobat tidak harus dengan susah-susah menghafalkan banyak atribut. Dan sebenarnya dalam belajar pemrograman itu tidak harus menghafal semua materi yang sedemikian banyak. Cukup dengan latihan, latihan, dan latihan maka sobat akan dengan sendirinya memahami logikanya dan otomatis hafal. 

Demikian materi yang saya sampaikan hari ini. Jika ada pertanyaan silahkan menulis komentar di bawah. Semoga bermanfat dan terimakasih atas kunjungannya. :)