Membuat Tabel HTML Sederhana dengan Mudah

Pada tabel terdapat baris dan kolom, biasanya tabel digunakan untuk menampilkan informasi dalam bentuk sel. Untuk menampilkan atau membuat sebuah tabel pada HTML diperlukan tag <table> beserta attribut pendukungnya. Dibawah ini adalah beberapa attirbut elemen tabel pada HTML :

Width
Digunakan untuk menentukan lebar sebuah tabel, bisa dalam bentuk pixel atau persen.

Height
Fungsinya yaitu menentukan tinggi tabel, bisa dalam bentuk pixel atau persen.

Border
Memiliki kegunaan untuk menentukan ketebalan garis tepi tabel.

Cellspacing
Dipakai untuk memberi jarak spasi antar sel.

Cellpadding
Digunakan untuk memberi jarak spasi di dalam sel.

Align
Pada attribut ini berfungsi untuk menentukan perataan tabel, misalnya rata kanan (right), rata tengah (center), rata kiri (left).

Bgcolor
Memiliki fungsi untuk memberikan warna pada latar belakang tabel.

Selain attribut diatas, dalam tag HTML juga terdapat tag <tr> (table row) yang digunakan untuk membuat baris tabel. Sedangkan untuk menentukan banyaknya kolom dapat memakai tag <td> (tabel data). Berikut ini contoh script HTML dalam membuat tabel sederhana:

<table border="1">
<tr>
<td>No.</td>
<td>Nama</td>
<td>Kelas</td>
<tr>
<td>1.</td>
<td>Fakta</td>
<td>X TKJ 2</td>
<tr>
<td>2.</td>
<td bgcolor="green">Arief</td>
<td>X TKJ 1</td>
<tr>
<td>3.</td>
<td>Farhanto</td>
<td>XI TKJ 2</td>
</table>

Dalam tag <table> terdapat attribut border dengan nilai 1 yang merupakan ketebalan garis tepi tabel, anda bisa merubahnya sesuai dengan ketebalan yang diinginkan. Lalu pada tag <td> di baris ke-12 pada script diatas terdapat juga attribut bgcolor yang berfungsi untuk memberikan warna background pada tabel.

Kemudian setelah script diatas kita simpan dalam bentuk dokumen .html lalu kita buka lewat browser, maka hasilnya akan seperti dibawah ini

Tweet

Postingan terkait:

Ditulis Fakta Arief Farhanto — Thursday, December 31, 2015 — Add Comment — HTML & CSS