Categories: Artikel HTML

Membuat Tabel Sederhana Di 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.

Ahmad Code