Cara membuat tabel dengan dreamweaver Border, Align dan Background tabel Tabel Header

29

8.1 Cara membuat tabel dengan dreamweaver

 Buka halaman web baru  Klik menu Insert –Tabel Gambar 8.2  Masukkan atribut tabel Keterangan : 1. rows : jumlah baris 2. column : jumlah kolom 3. table width : lebar tabel 4. border thickness : tebal border 5. cell padding : lebar cell padding 6. cell spacing : lebar cell spacing

8.2 Border, Align dan Background tabel

Tebal border tabel didefinisikan dengan tag border, letak posisi tabel didefinisikan dengan tag align, warna background tabel didefinisikan dengan tag bgcolor. 30 htmltitleBorder Tabeltitle body h4border normal, letak di tengah:h4 table border=1 align=center tr tdBaris Pertama - Kolom Pertama td tdBaris Pertama - Kolom Kedua td tr tr tdBaris Kedua - Kolom Pertama td tdBaris Kedua - Kolom Kedua td tr table h4border lebih tebal, letah di tengah, lebar tabel 90:h4 table border=8 align=center width=90 tr tdBaris Pertama - Kolom Pertama td tdBaris Pertama - Kolom Keduatd tr tr tdBaris Kedua - Kolom Pertamatd tdBaris Kedua - Kolom Kedua td tr table h4border sangat tebal, letak di tengah, lebar tabel 90, warna background = FFDFAA: h4 table width=90 border=15 align=center bgcolor=FFDFAA tr tdBaris Pertama - Kolom Pertama td tdBaris Pertama - Kolom Keduatd tr tr tdBaris Kedua - Kolom Pertamatd tdBaris Kedua - Kolom Kedua td tr table body html Gambar 8.3 Hasil di Browser : 31 Berikut ini adalah contoh tabel tanpa border. Contoh – Listing 8.3 : tabelnoborder.html htmltitleTabel tanpa bordertitle body h4Tabel tanda border :h4 table tr tdABCtd tdDEFtd tdGHItd tr tr tdJKLtd tdMNOtd tdPQRtd tr table body html Gambar 8.4 Hasil di Browser :

8.4 Tabel Header

Berikut ini adalah contoh tabel header dengan tag th. Contoh – Listing 8.4 : tabelheader.html htmltitleTabel Headertitle body h4Table header:h4 table border=1 tr thNameth thJurusanth thInstitusith tr tr tdHasan Abdul Karim td tdTeknologi Informasi td tdPENS ITS td tr table h4Vertical header:h4 table border=1 tr thNama :th tdHasan Abdul Karim td tr tr thJurusanth tdTeknologi Informasi td tr tr thInstitusith tdPENS ITS td tr table body html 32

8.5 Empty Cell