Download Source Code Aplikasi

Membuat Tabel Sederhana Di Html

Friday, August 30th, 2019 - Artikel HTML

Untuk membuat tabel sederhana tanpa pemanis lainnya (misalnya judul tabel, penggabungan kolom, baris), dapat gunakan tiga elemen: TABLE, TR, TH, dan TD.

Contoh arahan berikut membuat tabel sederhana:

<TABLE BORDER="1"> <TR> <TH>Table header</TH> <TH>Table header</TH> </TR> <TR> <TD>Table data</TD> <TD>Table data</TD> </TR> </TABLE>

Untuk tabel yang sedikit rumit, anda perlu melibatkan elemen CAPTION, TBODY, TFOOT, THEAD, COL, COLGROUP, ditambah dengan pengaturan atribut setiap elemennya.

Tag <TABLE> ialah tag yang harus dituliskan pertama kali untuk membuat suatu tabel.

  • Jika menginginkan border tabel yang dibentuk ditiadakan, set atribut BORDER=”0″ atau hilangkan penggunaan atribut BORDER.
  • Jika menginginkan border tabel yang dibentuk lebih tebal, set atribut BORDER ke nilai lebih dari “1”, semakin besar nilai yang diberikan, semakin tebal border yang dihasilkan.

Elemen TR diharapkan untuk pembuatan tabel, ia mempunyai kegunaan membuat baris tabel. Banyaknya baris suatu tabel ditentukan oleh elemen ini. Untuk tabel di atas, baris yang dibentuk sebanyak 2.

Elemen TH dan TD, keduanya mempunyai kegunaan untuk menyimpan data-data tabel. Secara default, isi elemen TH ditampilkan dengan abjad tebal dan rata tengah.

Bagaimana keluaran dari teladan arahan di atas ialah ibarat berikut:

Table header Table header
Table data Table data
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Membuat Tabel Sederhana Di Html | Ahmad Code | 4.5