Assalamualakium wr.wb, salam sejahtera untuk kita semua. Kali ini, saya Seno akan menjelaskan bagaimana cara membuat tabel pada program html, jadi stay tune terus yaa…

Dalam dunia informasi, tentunya tabel sangat dibutuhkan untuk sajian dari kumpulan data-data. Jadi, di sebuah website juga sudah menjadi sebuah kebutuhan.

Untuk dapat membuat tabel di HTML menggunakan tag <table> dimana tag ini salah satu tag yang ditulis secara berpasangan yakni membutuhkan tag pembuka <table> dan penutup </table>, sedangkan untuk membuat baris di dalam tabel menggunakan tag <tr></tr> atau table row, dan untuk pembuatan kolom yaitu menggunakan tag </td></td> atau table data. Di samping itu beberap hal yang perlu diketahui yakni apa saja atribut-atribut yang dapat di gunakan pada tag table, berikut ini daftarnya.

AtributNilaiKeterangan
Alignleft, right, centerDigunakan untuk perataan keseluruhan teks didalam tabel
bgcolorrgb(x,x,x), #xxxxxx, namawarnaDigunakan untuk pemberian warna latar pada tabel
Border1, 0Untuk menampilkan garis tabel.
cellpadingPixelsDigunakan untuk memberikan jarak antara sel.
cellspacingPixelsDigunakan untuk memberikan jarak antara sel dan tabel.
widthPixels, %Untuk menentukan lebar tabel.

Contoh Membuat Tabel di HTML

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Hasil output pada pemrograman diatas dapat ditampilkan di localhost

  • Facebook
  • Twitter
  • Google+
  • Pinterest

kali ini, saya akan membuat program html biodata diri

  • Facebook
  • Twitter
  • Google+
  • Pinterest

Hasil pemrograman dapat saya tampilkan pada localhost

  • Facebook
  • Twitter
  • Google+
  • Pinterest