Atribut cellpadding digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.
Nilai dari atribut ini berupa angka yang diukur dalam satuan pixel. Jika anda memberikan nilai cellpadding="5″, maka web browser akan membuat jarak sebesar 5 pixel dari border sisi dalam tabel dengan isi text tabel.
Di bawah ini adalah contoh tag penggunaan atribut cellpading.
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border=1 cellspacing=5 cellpadding=5>
<tr>
<td>
Ini adalah tabel 1 baris, 1 kolom
</td>
</tr>
</table>
</body>
</html>
Screenshotnya seperti bawah ini.
Lalu simpan dengan cara klik menu File, lalu klik Save As.
Simpan di drive dan folder yang anda kehendaki. Ketik nama file yang ingin anda simpan sesuai keinginan anda, tapi simpan dengan tambahan ekstensi .html. Setelah itu klik Save untuk menyimpan.
Buka file yang telah anda simpan tadi dengan cara double klik pada file di mana tempat anda menyimpan file tadi.
Akan muncul aplikasi browser dan tampilannya seperti di bawah ini.
Sekian dan terima kasih semoga bermanfaat bagi pembaca.
Nilai dari atribut ini berupa angka yang diukur dalam satuan pixel. Jika anda memberikan nilai cellpadding="5″, maka web browser akan membuat jarak sebesar 5 pixel dari border sisi dalam tabel dengan isi text tabel.
Di bawah ini adalah contoh tag penggunaan atribut cellpading.
<html>
<head>
<title>Contoh Tabel</title>
</head>
<body>
<table border=1 cellspacing=5 cellpadding=5>
<tr>
<td>
Ini adalah tabel 1 baris, 1 kolom
</td>
</tr>
</table>
</body>
</html>
Lalu simpan dengan cara klik menu File, lalu klik Save As.
Simpan di drive dan folder yang anda kehendaki. Ketik nama file yang ingin anda simpan sesuai keinginan anda, tapi simpan dengan tambahan ekstensi .html. Setelah itu klik Save untuk menyimpan.
Buka file yang telah anda simpan tadi dengan cara double klik pada file di mana tempat anda menyimpan file tadi.
Akan muncul aplikasi browser dan tampilannya seperti di bawah ini.
Sekian dan terima kasih semoga bermanfaat bagi pembaca.
No comments:
Post a Comment