Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Oleh: Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN.

Presentasi serupa


Presentasi berjudul: "Oleh: Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN."— Transcript presentasi:

1 Oleh: Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN

2  Tabel seperti yang kita tahu terdiri dari kolom dan baris.  Pada tabel data-data dimasukkan dalam kombinasi antara kolom dan baris tertentu.  Beberapa baris dan kolom dari tabel bisa digabungkan untuk membuat tampilan yang sesuai dengan kebutuhan data kita.

3  Pada html semua itu dapat dilakukan, namun tentunya kita harus mengetahui terlebih dahulu bahan- bahan apa saja yang diperlukan untuk meracik sebuah tabel.  Untuk meracik sebuah tabel kita akan membutuhkan bahan-bahan sebagai berikut,,, dan  Untuk meracik sebuah tabel kita akan membutuhkan bahan-bahan sebagai berikut,,, dan

4 baris 1, kolom 1 baris 1, kolom 2 baris 2, kolom 1 baris 2, kolom 2

5  Tabel didefinisikan atau diapit oleh tag  kepanjangan dari Table Row digunakan untuk membuat suatu baris baru.  kepanjangan dari Table Data digunakan untuk membuat kolom/data.  Supaya gampang mengingatnya, ingat saja huruf belakangnya, tr --> r = row, td --> d = data.

6 Ini adalah kolom yang digab ungkan baris 2, kolom 1 baris 2, kolom 2 baris 3, kolom 1 baris 3, kolom 2

7  Perhatikan bagian "Ini adalah kolom yang digabungkan", sebelumnya terlihat perintah  Ini adalah contoh penggunaan colspan.  Colspan memerintahkan agar beberapa kolom digabungkan tergantung dari nilai yang dituliskan.  Pada contoh diatas nilai tersebut adalah "2" sehingga 2 kolom digabungkan menjadi satu dan hasilnya dapat kalian lihat seperti contoh tag html diatas.

8 baris 1, kolom 1 baris 1, kolom 2 ini yang digabungkan baris 2, kolom 2 baris 3, kolom 2

9  Perhatikan bagian "Ini yang digabungkan", sebelumnya terlihat perintah  Ini adalah contoh penggunaan rowspam.  Rowspan memerintahkan agar beberapa baris digabungkan tergantung dari nilai yang dituliskan.  Pada contoh diatas nilai tersebut adalah "2" sehingga 2 baris digabungkan menjadi satu dan hasilnya dapat kalian lihat seperti contoh tag html diatas.

10  Colspan digunakan untuk menggabungkan kolom  Rowspan digunakan untuk menggabungkan baris

11  Border  Cellpadding  Cellspacing  Frame  Border  Box  Void  above  Below  hsides  vsides  lhs  rhs  Bgcolor  Height  Width  Align  Center  Left  Right  Valing  top  Middle  bottom

12

13 1

14 2. Cell that spans two columns: Cell that spans two rows: NameTelephone Bill Gates NameBill Gates Telephone

15 3. DATA STASTISTIK PENJUALAN KOMPUTER “WIRA KOMPUTER” LOKASIBALISURABAYA BULAN JAN30%50% FEB40%55% MAR60% APR50%70%

16 3. SMK WIRA HARAPAN MENU: 1.PROFIL SEKOLAH 2.JURUSAN a. PRL b.MM c.TKJ d.UPW e.AP f.JB 3.VISI MISI SEKOLAH 4.FOTO GALERY Selamat Datang Di SMK WIRA HARAPAN Yayasan harapan Memiliki VISI dan MISI yang jelas dan kinerja pengelola yang berkwalitas secara berkesinambungan dengan asas “ DISIPLIN BERDASARKAN KASIH” SMK WIRA HARAPAN tampil untuk mendukung pendidikan di Kabupaten Badung sebagai implementasi Program Pendidikan Nasional yang menginginkan SMK lebih dominan dibandingan SMA dengan rasiao 70:30. Semua itu bertujuan agar tamatan Sekolah Mengengah Kejuruan memiliki keterampilan hidup dan siap memasuki dunia kerja. SMK WIRA HARAPAN siap mewijutkan program pemerintah. Terimakasih SMK WIRA HARAPAN WIRA HARAPAN

17


Download ppt "Oleh: Timoti Adri Mahendra Putra, S.Kom SMK WIRA HARAPAN."

Presentasi serupa


Iklan oleh Google