Getting Started with Arduino and Genuino UNO

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 :

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.

VB.NET :: Tutorial Vb.Net : Menampilkan data dari Database MySql ke DataGridView

Start Project :

Buat sebuah database MySQL dengan nama table lengkap dengan columnya, lihat contoh sebagai berikut :

Open Visual Studio 2008 / 2010 Ultimate, add Form baru dan beri nama FrmBiodata.vb , tambahkan Label, Textbox, datetimepicker, ComboBox, datagridview, Buttons dan sesuaikan dengan database / atau data yang ingin nantinya ditampilkan,

import data dari database ke datagridview

Jika sudah hampir mirip dengan punya saya, tinggal buat module koneksi dengan namaMdlKoneksi.vb, lihat caranya Tutorial Vb.Net : Koneksi Database MySQL , Jika selesai membuat koneksi ke MySQL langkah selanjutnya kembali ke Form FrmBiodata.vb dan silahkan masukkan kode berikut :

Sub isigrid()
    bukaDB()
    DA = New Odbc.OdbcDataAdapter("SELECT * FROM biodata", konek)
    DS = New DataSet
    DS.Clear()
    DA.Fill(DS, "biodata")
    DataGridView1.DataSource = (DS.Tables("biodata"))
    DataGridView1.Enabled = True
End Sub

Tinggal panggil Sub tersebut dari event Load FrmBiodata.vb,

1

2

3

Private Sub FrmBiodataSiswa_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        isigrid()
End Sub

Program Sederhana Menampilkan data dari Database MySql ke DataGridViewtelahselesai, tekan F5 untuk mencoba aplikasi !

Jangan ragu - ragu untuk bertanya kepada kami, silahkan berkomentar pada kotak komentar, terima kasih ;)