Monday 9 November 2015

HTML :: Atribut Cellspacing Di Tabel HTML


Tutorial HTML : Atribut Cellspacing Di Tabel HTML – Kali ini kita akan membahas mengenai atribut cellspacing yang ada didalam tabel html. atribut cellspacing digunakan untuk mengatur jarak antara garis bagian dalam dan garis bagian luar yang ada didalam tabel html.
Sama seperti cellpadding, nilai atribut cellspacing juga ditentukan oleh angka, misal kita memasukan nilai 5 kedalam cellspacing maka nanti akan terdapat jarak antara garis bagian dalam yang ada didalam tabel html.
Untuk lebih jelasnya mengenai atribut cellspacing di dalam tabel html silahkan Anda buat file html baru lalu berinama contohcellspacing.html dan tuliskan perintah html berikut ini :
<!doctype html>
<head>
<title>
Lebak Cyber - Contoh Cellspacing Di Tabel HTML
</title>
</head>
 
<body>
 
<H3>Contoh Cellspacing Dengan Nilai 5</H3>
 
<table border "1" cellspacing "5">
<tr>
<td>Firdan</td>
<td>Ardiansyah</td>
<td>JL. KH. Atim II</td>
</tr>
 
<tr>
<td>Muhammad</td>
<td>Amar</td>
<td>Jl. Depag</td>
</tr>
</table>
 
<h3>Contoh Cellspacing Dengan Nilai 0</h3>
 
<table border "1" cellspacing "0"
<tr>
<td>Firdan</td>
<td>Ardiansyah</td>
<td>JL. KH. Atim II</td>
</tr>
 
<tr>
<td>Muhammad</td>
<td>Amar</td>
<td>Jl. Depag</td>
</tr>
</table>
 
</body>
 
</html>
Sekarang coba jalankan file html tersebut kedalam browser, nanti tampilannya akan seperti pada gambar berikut ini :
contoh cellspacing di tabel html
Terlihat ada perbedaan bukan pada tabel yang menggunakan cellspacing dengan yang tidak. Jika Anda menggunakan cellspacing maka terdapat jarak antar garis yang ada didalam tabel, jika tidak maka garis saling berhubungan satu dengan lainnya.
Seperti itulah contoh bagaimana penggunaan atribut cellspacing di dalam tabel HTML. Semoga tutorial mengenai Atribut Cellspacing Di Tabel HTML ini dapat menambah wawasan Anda dalam mempelajari HTML.