Penggunaan Cellpadding & Cellspacing Pada HTML

-
Haii.... Saya Julytha Gerhani Mahasiswi Universitas Bina Sarana Informatika. Saya akan lebih lanjut menjelaskan lebih dalam lagi tentang Table danyang lainnya.

Pada artikel sebelumnya, saya sudah menjelaskan tentang Cara Membuat Tabel Pada HTML. Bagi Anda yang sebelumnya sudah membaca artikel tersebut, tentunya Anda sudah mengetahui bagaimana cara membuat tabel di HTML beserta beberapa tag yang mendukung penggunaan tabel di HTML.

Pada pembahasan kali ini, saya akan memperkenalkan atribut lain yang juga mendukung penggunaan tabel di HTML yaitu atribut Cellpadding dan Cellspacing. Berikut penjelasan mengenai atribut cellpadding dan cellspacing :
  • Cellpadding
Atribut cellpadding digunakan untuk menentukan jarak spasi di dalam sel yakni diantara dinding sel dan isi sel. Penggunaan atribut cellpadding hanya didukung oleh HTML4.01 namun tidak didukung oleh HTML5. Adapun penulisan kode HTML atribut cellpadding adalah :

<table cellpadding="pixel">

Nilai dari atribut cellpadding dalam menentukan spasi di dalam sel adalah pixel.
  • Cellspacing
Atribut cellspacing digunakan untuk menentukan jarak spasi antar sel. Sama halnya dengan atribut cellpadding, atribut cellspacing juga tidak didukung oleh HTML5. Dibawah ini contoh penulisan atribut cellspacing di HTML:

<table cellspacing=”pixel”>

  • Contoh kode penulisan dan penggunaan Cellpadding & Cellspacing di HTML :

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Cellpadding dan Cellspacing Dalam Tabel</title>
</head>
<body>
<h3>Belajar atribut cellpadding & cellspacing dalam Tabel</h3>
<table border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td>Baris 2, Kolom 2</td>
        <td>Baris 2, Kolom 3</td>
    </tr>
</table>
<br/>
<table border="1" cellspacing="3" cellpadding="5">
    <tr>
        <td>Baris 1, Kolom 1</td>
        <td>Baris 1, Kolom 2</td>
        <td>Baris 1, Kolom 3</td>
    </tr>
    <tr>
        <td>Baris 2, Kolom 1</td>
        <td>Baris 2, Kolom 2</td>
        <td>Baris 2, Kolom 3</td>
    </tr>
</table>
</body>
</html>

  • Hasil TabelCell.html :

 

  • Coba di ganti-ganti angka cellpadding dan cellspacingnya, lihat perbedaannya.
Sekian atas penjelasan dari saya Terimakasih. Semoga berguna bagi semua pembaca :)

Lokasi: Cikampek, Kabupaten Karawang, Jawa Barat, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Penjelasan TAG dan Contoh Kodingannya

-
Gambar
Haii... disini saya akan menyampaikan tentang tugas UBSI/BSI Web Programing Semester 2. Mungkin disini kalian tau tentang apa itu XAMPP & TAG . Saya disini akan sedikit menjelaskan lagi tentang XAMPP & TAG. XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri, yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemograman PHP dan Peri. TAG adalah bagian dari struktur html yang di tuliskan diapit oleh tanda < tag >, dan tag dituliskan berpasangan, dengan maksud < tag > => tag pembuka dan < /tag > => tag penutup. * Tag terbagi menjadi beberapa fungsi - Formating - Link - Image - List   - cititation   - dll Struktur TAG :   <nametag atribut = nilai>   Contoh : <body bgcolor=“lightblue”>   Penjelasannya : Body = nama tag Bgcolor ...
Baca selengkapnya

Cara Membuat Table Dengan HTML

-
Gambar
Haiii.... Saya Julytha Gerhani Mahasiswi Universitas Bina Sarana Informatika . DisiniSaya akan menjelaskan tentang Cara Membuat Tabel menggunakan HTML. Untuk membuat tabel di HTML , kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>, dan tag <td> : Tag <table> digunakan untuk memulai tabel Tag <tr> adalah singkatan dari table row , digunakan untuk membuat baris dari tabel. Tag <td> adalah singkatan dari table data , digunakan untuk menginput data ke tabel. Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML : Contoh penggunaan tag <table> :   <html> <head>     <title>Contoh 03</title> </head> <body> <h1>Tabel Data Siswa</h1> <table border=1 bgcolor=pink> <tr>     <th>Nim</th>     <th>Nama</th>     <th>Alamat</th>     <th...
Baca selengkapnya