Responsive Advertisement

Membuat Table HTML

judul

Pembahasan kali ini mengenai cara pembuatan table pada HTML. Kalian dapat belajar Cara Membuat Paragraf, Cara Membuat Link HTML, dan Cara Membuat List HTML dengan mengklik link tersebut. Biasanya table pada HTML digunakan untuk menyusun daftar nama, daftar list harga, dan lainnya. 

Dalam pembuatan table, ada tag <tr>, <th>, dan <td>. Jika kalian pahami penggunaan dari ketiga tag tersebut, maka definisinya sebagai berikut.
<tr> atau table row yaitu jumlah baris table.
<th> atau table headings yaitu judul baris atas.
<td> atau table defines yaitu kolom dan isi dari table.

Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen Table1_materi HTML by lintangzakti (@zakti13) on CodePen.


Kalau kamu ingin memakai CSS dalam table, kamu dapat menambahkan beberapa warna atau border untuk membuat tampilan table menjadi lebih menarik.

Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen Table2_materi HTML by lintangzakti (@zakti13) on CodePen.


Kodingan diatas menggunakan CSS untuk menampilkan border pada table. Biasa penggunaan ini digunakan untuk memperunik tampilan pada table yang digunakan. Kebanyakan orang pasti memakai CSS untuk pembuatan table dalam HTML.

Jika kalian ingin mencoba, silahkan kalian masukkan kodingan tersebut ke dalam Text Editor lalu Save As dengan format HTML dan nama yang kalian suka. Klik dua kali untuk membuka File tersebut dan lihat hasilnya.