32
8.5 Empty Cell
Berikut ini adalah contoh empty cell tabel. Contoh
– Listing 8.5 : emptycell.html
htmltitleEmpty Celltitle body
table border=1 tr
tdTulisan Teks td tdTulisan Tekstd
tr tr
tdtd tdTulisan Tekstd
tr tr
tdnbsp;td tdTulisan Tekstd
tr table
pJika suatu tabel tidak ada data, maka akan dianggap tidak ada border seperti terlihat pada baris kedua - kolom pertama. Untuk mengatasinya bisa dengan trik memberikan spasi, yaitu dengan teks di kode
quot;amp;nbsp;quot;. p
body html
Gambar 8.6 Hasil di Browser :
33
Berikut ini adalah contoh mendefinisikan cell tabel yang dilebarkan lebih dari satu baris atau satu kolom dengan atribut colspan dan rowspan.
Contoh – Listing 8.6 : colspan.html
htmltitleColsapn dan Rowspantitle body
h4Colspan 3 kolom:h4 table border=1
tr thHarith
th colspan=3Kuliahth tr
tr tdSenintd
tdWeb Designtd tdAplikasi Web td
tdDatabase td tr
table h4Rowspan 3 row:h4
table border=1 tr
thHari:th tdSenintd
tr tr
th rowspan=3Kuliahth tdWeb Designtd
tr tr
tdAplikasi Webtd tr
tr tdDatabasetd
tr table
body html
Gambar 8.7 Hasil di Browser :
34
Berikut ini adalah contoh menampilkan elemen di dalam elemen lain. Contoh
– Listing 8.7 : tagintabel.html
htmltitleTag di dalam tabeltitle body
table border=1 tr
td pSebuah paragraf p
pParagraf lain p td
tdCell berisi tabel table border=1
tr tdAtd
tdBtd tr
tr tdCtd
tdDtd tr
table td
tr tr
tdCell berisi list ul
liSeninli liSelasali
liRabuli liKamisli
ul td
tdPENS ITS td tr
table body
html Gambar 8.8
Hasil di Browser :
35
Cellpadding digunakan untuk memberikan jarak antara teks dengan tepi border tabel. Cellpadding menngunakan atribut cellpadding
Contoh – Listing 8.8 : cellpadding.html
htmltitlecellpaddingtitle body
h4Tanpa cellpadding:h4 table border=1
tr tdABCtd
tdDEFtd tr
tr tdGHItd
tdJKLtd tr
table h4Dengan cellpadding:h4
table border=1 cellpadding=10
tr tdABCtd
tdDEFtd tr
tr tdGHItd
tdJKLtd tr
table body
html Gambar 8.9
Hasil di Browser :
8.9 Cellspacing
cellspacing digunakan untuk memberikan jarak antara border dalam tabel dengan border luar tabel. Cellspacing menggunakan atribut cellspacing.
Contoh
– Listing 8.9 : cellspacing.html
htmltitlecellspacingtitle body
h4Tanpa cellspacing:h4 table border=1
tr tdABCtd
36 tdDEFtd
8.10 Background Tabel