Menu Close

Penggunaan Jarak Sel Pada Tabel

A. Tujuan Pembelajaran

    Setelah mengikuti kegiatan belajar  ini Peserta Didik diharapkan dapat :

    Siswa Mampu Mengatur Jarak Sel Tabel dengan HTML

      B. Uraian Materi

      Atribut Cellspacing digunakan untuk mengatur jarak antara tepi (border) bagian dalam dan luar. Nilai atributnya berupa angka dengan stuan pixel. Cellpadding digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.

      Atribut Cellspacing digunakan untuk mengatur jarak antara tepi (border) bagian dalam dan luar. Nilai atributnya berupa angka dengan stuan pixel. Cellpadding digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.

      <!DOCTYPE>
      <HTML>
      <HEAD><TITLE> contoh </TITLE></HEAD>
      <BODY>
      <caption><b><center>DAFTAR MENU PEGAWAI</center></b></caption>
      <table border="2" align="center" cellspacing=15 cellpadding=25>
      <tr>
      <th>HOME</th>
      <th colspan=2>DATA MASTER</th>
      </tr>
      <tr> 
      <td><a href = " tabel.html"> DATA PEGAWAI</td></a>
      <td>DATA TANGGUNGAN</td>
      <td>REKAP ABSENSI</td>
      </tr>
      <tr>
      <td>GAJI</td>
      <td>DATA TUNJANGAN </td>
      <td>CETAK SLIP GAJI </td>
      </tr>
      </table>
      </BODY></HTML>
      

      Keterangan:

      NoNama TagKet
      1.WidthLebar Tabel
      2.Border (px)Lebar border 0-30
      3.CellspacingJarak spasi antar sel
      4.CellpaddingJarak spasi dalam sel
      5.Align = [left | center | right ]Perataan Tabel
      6.BgcolorWarna background tabel
      7.< a href =” namafile .html “ >teks </a>Untuk menghubungkan antar file (link)

      Tugas Buat Tabel seperti dibawah ini :

      Download Materi

      Leave a Reply

      Your email address will not be published. Required fields are marked *