Sabtu, Oktober 19, 2019

Mengatur cellpadding dan cellspacing

Perhatikan tabel yang telah dibuat pada latihan 32, jika diperhatikan lebih seksama, terlihat bahwa jarak antar tabel sangat dekat antara satu data dengan data lainnya. Begitu pula dengan jarak antar teks terhadap bingkai masing-masing sel pada tabel. Karena jarak yang terlalu berdekatan tersebut, maka bentuk tabel jadi terlihat sangat rapat dan tekesan kurang rapi. Oleh karena itu, untuk membuat tampilan jarak atau lebar antara sel tabel dan garis tabel menjadi lebih renggang, maka pada tag table dapat digunakan atribut cellpadding dan cellspacing untuk mengatur ukuran renggangan antara sel tabel terhadap garis tabel yang terdapat pada halaman website. Dari penjelasan tersebut, maka pada materi ini peserta didik akan belajar bagaimana cara menggunakan atribut cellpadding dan cellspacing pada tag table untuk mengatur jarak renggang antara tabel dan sel tabel. Sebelum memulai kegiatan, peserta didik mempersiapkan alat-alat praktiknya terlebih dahulu mulai dari PC atau perangkat mobile yang didalamnya terdapat aplikasi Notepad atau teks editor yang dapat digunakan untuk membuat file html. Setelah proses persiapan selesai, peserta didik dapat memulai praktik dengan mengikuti instruksi berikut ini:

satu, Jalankan Notepad.
dua, Ketik baris kode program berikut ini.


tiga, Simpan dengan nama "latihan33.html".
empat, Jalankan file latihan33.html pada browser.


DAFTAR RUJUKAN

Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

6 komentar:

  1. Ada dua atribut yang disebut cellpadding dan cellspacing yang dapat digunakan oleh perancang web untuk mengatur white space pada sel tabel. Atribut cellspacing mendefinisikan spasi antara sel tabel, sedangkan cellpadding mewakili jarak antara batas sel dan konten yang ada dalam sel.

    BalasHapus
  2. Atribut cellspacing menentukan ukuran ruang antar sel dalam satuan pixel. Cellspacing berbeda dengan cellpadding yang digunakan untuk menentukan ruang antara border sell dan konten sel.

    BalasHapus
  3. Bagaimana cara menambahkan cellpadding pada laman html, menggunakan atribut STYLE?

    BalasHapus
    Balasan
    1. Untuk dapat mengisi cell pada html, maka dapat digunakan atribut style. Atribut style menentukan gaya sebaris dari sebuah elemen. Atribut digunakan dengan tag HTML TABLE yang didalamnya terdapat properti padding.

      Hapus
  4. Apa perbedaan mendasar antara cellspacing dan cellpadding pada html?

    BalasHapus
    Balasan
    1. Cellspacing juga digunakan untuk pemformatan tabel tetapi ada beberapa perbedaan besar antara cellspacing dan cellpadding. Cellpadding digunakan untuk mengatur ruang ekstra yang berguna untuk memisahkan dinding sel dari isinya. Sedangkan untuk cell spacing, digunakan untuk mengatur jarak antar cell.

      Hapus

Respon komentar 7 x 24 jam, so please be patient :D

Footer Adsense