11. Cara Membuat Table Pada HTML

Masih bersama saya Lumbungweb Dalam website ini kita akan menampilkan data yang terstruktur atau tampilan dari database, kita biasanya akan membuatnya dalam bentuk tabel. HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel. 

Cara Membuat Tabel HTML dengan tag <table>, <tr> dan <td> 

Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag <td>:

• Tag <table> digunakan untuk memulai tabel
• Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
• Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.

Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:

Contoh penggunaan tag <table>:

Kalau kita lihat hasilnya di browser klik kanan lalu open in browser,

Perhatikan bahwa pada tag <table> kita memberikan atribut border. Atribut border digunakan untuk memberikan nilai garis tepi dari tabel. Nilai ini dalam ukuran pixel. border=”1”, berarti kita mengistruksikan kepada web browser bahwa tabel tersebut akan memiliki garis tepi sebesar 1 pixel. Jika tidak ditambahkan, secara default tabel tidak memiliki garis tepi.

Dan Table mempunyai tag cellpadding dan cellspacing, Apa itu cellpadding dan cellspacing?

1. Cellpading digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.

Nilai dari atribut ini berupa angka yang diukur dalam satuan pixel. Jika anda memberikan nilai cellpadding=”5″, maka web browser akan membuat jarak sebesar 5 pixel dari border sisi dalam tabel dengan isi text tabel.

Berikut contoh penggunaan atribut cellpadding dalam tag table HTML:

Kalau kita lihat hasilnya kembali ke browser lalu refresh,

2.cellspacing digunakan untuk mengatur jarak antara garis tepi (border) bagian dalam dan luar.

Nilai dari atribut ini berupa angka yang diukur dalam satuan pixel. Jika anda memberikan nilai cellspacing=”5", maka web browser akan menampilkan jarak sebesar 5 pixel diantara garis border tabel.

Berikut contoh penggunaan atribut cellspacing dalam tag table HTML:

Kalau kita lihat hasilnya kembali ke browser lalu refresh,

Dan tag <tr> mempunyai Atribut colspan dan rowspan. Apa itu colspan dan rowspan?, 

1. Colspan merupakan penghubangan dua kolom menjadi satu,
2. Rowspan merupakan penghubangan dua baris menjadi satu,

Contoh atribut colspan:

Kalau kita lihat hasilnya kembali ke browser lalu refresh,

Contoh atribut rowspan:

Kalau kita lihat hasilnya kembali ke browser lalu refresh,

Nilainya tidak harus 2 kawan sesuai kebutuhan kalian ini hanya sebuah contoh,

Dan satu lagi tag <th> tag ini untuk membuat table header membuat judul table atau table header contohnya seperti ini,

Kalau kita lihat hasilnya kembali ke browser lalu refresh,

Jadi itu cara membuat table pada html kalian bisa coba-coba kalian bisa bereksperimen.

Sekian bersama saya lumbungweb disini kita bisa belajar coding tak perlu khawatir sedikit-sedikit yang penting bisa buat website. Kalau kalian ingin mempunyai web tapi tidak tahu ngoding tak perlu susah kalian bisa kunjungi Sepsialis Web

~♧Semoga membantu kalian semua :) ♧~

11. Cara Membuat Table Pada HTML 2020-02-02T06:45:00-08:00 Rating: 4.5 Diposkan Oleh: Anonim