Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Reza Sulistyawan, S.Kom Pemrograman Web 1 1 Tabel PENGGUNAAN TABEL Memperindah tampilan atau mengatur agar dapat disajikan dengan tampilan yang enak dibaca.

Presentasi serupa


Presentasi berjudul: "Reza Sulistyawan, S.Kom Pemrograman Web 1 1 Tabel PENGGUNAAN TABEL Memperindah tampilan atau mengatur agar dapat disajikan dengan tampilan yang enak dibaca."— Transcript presentasi:

1 Reza Sulistyawan, S.Kom Pemrograman Web 1 1 Tabel PENGGUNAAN TABEL Memperindah tampilan atau mengatur agar dapat disajikan dengan tampilan yang enak dibaca / dilihat Tag yang digunakan : .. : mengawali dan mengakhiri sebuah tabel .. : menentukan judul pada tabel. .. : membuat sebuah baris dalam tabel

2 Reza Sulistyawan, S.Kom Pemrograman Web 1 2 Tabel .. : membuat judul kolom .. : membuat sel data Atribut yang bisa ditambahkan untuk tag-tag di atas :  border : melengkapi tabel dengan garis untuk kolom maupun baris  bgcolor : menambahkan warna belakang pada tabel ataupun sel  rowspan : pembuatan tabel dengan sejumlah baris sel digabungkan. Digunakan pada tag dan

3 Reza Sulistyawan, S.Kom Pemrograman Web 1 3 Tabel  colspan : pembuatan tabel dengan sejumlah kolom sel digabungkan. Digunakan pada tag dan  align : mengatur peletakan teks dalam keadaan rata kiri, rata kanan, atau rata tengah. Digunakan pada tag,,  valign : mengatur peletakan teks secara vertikal apakah akan diletakkan di atas, di tengah atau di bawah  height : mengatur tinggi tabel atau sel  width : mengatur lebar tabel atau sel

4 Reza Sulistyawan, S.Kom Pemrograman Web 1 4 Tabel  cellspacing : menentukan jarak antara sel  cellpadding : menentukan jarak dari dinding sel ke isi sel adalah

5 Reza Sulistyawan, S.Kom Pemrograman Web 1 5 Pengaturan teks secara vertikal Didalam sebuah sel, teks dapat diatur menurut posisi vertikal, apakah diletakkan diatas, di tengah atau di bawah. Hal ini bisa dilakukan dengan menggunakan atribut VALIGN pada tag, atau

6 Reza Sulistyawan, S.Kom Pemrograman Web 1 6 Nilai atribut VALIGN Pengaturan teks secara vertikal Nilai VALIGNKeterangan TOPTeks diletakkan di bagian atas pada sel MIDDLETeks diletakkan di bagian tengah pada sel BOTTOMTeks diletakkan di bagian bawah pada sel

7 Reza Sulistyawan, S.Kom Pemrograman Web 1 7 Pengaturan teks secara Horizontal Didalam sebuah sel, teks dapat diatur menurut posisi horizontal, apakah diletakkan dikiri, di tengah atau di kanan. Hal ini bisa dilakukan dengan menggunakan atribut ALIGN pada tag, atau

8 Reza Sulistyawan, S.Kom Pemrograman Web 1 8 Pengaturan teks secara Horizontal Nilai atribut pada ALIGN Nilai ALIGNKeterangan RIGHTTeks diatur rata kanan CENTERTeks ditengahkan LEFTTeks diatur rata kiri

9 Reza Sulistyawan, S.Kom Pemrograman Web 1 9 Contoh : Menu Utama Menu Utama Silahkan klik pada link-link berikut: Halaman X Halaman Y

10 Reza Sulistyawan, S.Kom Pemrograman Web 1 10 Warna latar belakang Table Untuk menambahkan warna latar belakang table, digunakan atribut BGCOLOR pada tag.

11 Reza Sulistyawan, S.Kom Pemrograman Web 1 11 Rowspan dan Colspan Untuk menggabungkan beberapa baris sel, digunakan atribut ROWSPAN pada tag Daftar Wilayah dan Kota Jawa Tengah Semarang Kudus Solo

12 Reza Sulistyawan, S.Kom Pemrograman Web 1 12 Rowspan dan Colspan Untuk menggabungkan beberapa sel dalam satu baris, digunakan atribut COLSPAN pada tag atau Area: Jawa Tengah Semarang Kudus Solo

13 Reza Sulistyawan, S.Kom Pemrograman Web 1 13 Mengatur Tinggi Table Untuk mengatur tinggi table, digunakan atribut HEIGHT pada tag Nama Usia Ali 25 Fahmianto 27

14 Reza Sulistyawan, S.Kom Pemrograman Web 1 14 Mengatur Tinggi Sel Untuk mengatur tinggi table, digunakan atribut HEIGHT pada tag Nama Usia Ali 25 Fahmianto 27

15 Reza Sulistyawan, S.Kom Pemrograman Web 1 15 Mengatur Lebar Tabel Atribut WIDTH pada tag dapat digunakan untuk mengatur lebar table Dengan WIDTH ABC DEF GHI JKL

16 Reza Sulistyawan, S.Kom Pemrograman Web 1 16 Mengatur Lebar sel WIDTH juga dapat digunakan pada sel tertentu, dengan cara menyebutkannya pada tag atau ABC DEF GHI JKL


Download ppt "Reza Sulistyawan, S.Kom Pemrograman Web 1 1 Tabel PENGGUNAAN TABEL Memperindah tampilan atau mengatur agar dapat disajikan dengan tampilan yang enak dibaca."

Presentasi serupa


Iklan oleh Google