(Tugas 10B) Mengenal Atribut Border, Cellspacing dan Cellpadding

Berikut iyalah cara membuat Tabel di HTML menggunakan Atribut Border, Cellspacing dan Cellpadding.

Setelah sebelumnya pada Tugas HTML dasar kita mempelajari cara membuat tabel di HTML, pada Tugas kali ini kita akan mempelajari penggunaan atribut border, cellpadding dan cellspacing dalam tabel.

Atribut border, cellpadding dan cellspacing digunakan untuk mengubah tampilan tabel, terutama berkaitan dengan border dan spasi diantara sel tabel.

Atribut border dalam tabel HTML.

Atribut border digunakan untuk mengatur ketebalan dari garis tepi (border) dari tabel. Jika atribut ini tidak ditulis, maka web browser akan menampilkan tabel tanpa garis tepi.

Nilai dari atribut ini berupa angka yang diukur dalam satuan pixel. Jika kalian memberikan nilai border=”2″, maka web browser akan menampilkan garis tepi sebesar 2 pixel pada sisi atas, bawah, kiri dan kanan tabel.

Berikut adalah contoh penggunaan atribut border dalam tag table HTML :

Tampilan Notepad :

<table border=1 cellspacing=10 cellpadding=10>

<tr>

<td>kolom 1 baris 1</td>

<td>kolom 2 baris 2</td>

</tr>

<tr> 

<td>kolom 1 baris 2</td>

<td>kolom 2 baris 2</td>

</tr>

</table>

Hasilnya :

kolom 1 baris 1	kolom 2 baris 2
kolom 1 baris 2	kolom 2 baris 2