Langsung ke konten utama

Haikal PG - XI RPL1 - PWPB Sesi 5

Assalamualaikum Warahmatullahi Wabarokatuh

 Kembali dengan materi tag tag HTML. Pada kali ini kita akan fokus pada cara pembuatan tabel. Di tabel juga kita bisa menambahkan atribut yang diinginkan. Macam-macam atribut yang bisa digunakan diantaranya  ada atribut yang dipasang didalam tag table dan di tr ataupun td, di tabel ada tag, height untuk mengatur tinggi, width untuk mengatur lebar, color untuk menambahka warna, cellspacing untuk jarak spasi antar sel, cellpadding untuk jarak didalam tabel. ,bgcolor untuk warna background dan align untuk mengatur posisi. Untuk lebih memahami kita masuk ke tutorial kali ini :

12.Tabel1

HTML juga bisa membuat sebuah tabel dengan menggunakan tag <table> </table>. Dan didalamnya juga harus ditambahkan lagi tag <tr> </tr> untuk menambahkan tabel row/baris dan tag <td> </td> untuk menambahkan tabel colom/kolom. Untuk lebih jelas lihat gambar ini :
Contoh Code Tabel
Juga kita bisa menambahkan attribut seperti height, width cellspacing, cellpadding dll.


13.Tabel2 dan Tabel lanjutan
Contoh Tabel
Kita juga bisa me-merge / menyatukan kolom atau baris seperti contoh diatas. Dengan menggunakan atributt rowspan dan colspan. Rowspan untuk me-merge baris sedangkan colspan untuk merge kolom. Untuk lebih jelas lihat code ini:
Contoh Code Table.
14.Tabel (LatTabel14)
Study Kasus Dan Mengamati Tabel.
Sekarang kita akan membuat code tabel berdsarkan gambar diatas. Contoh codenya :

Study Kasus Tabel.

15.Tabel (LatTabel15)
Ubah Tampilan
Lalu kita coba ubah tampilan tabel yang ke 14 menjadi seperti gambar diatas. Contoh codenya :

Contoh Code.

16.Tabel (LatTabel16)
Tampilan Tabel.
Kita akan membuat tabel yang sedikit lebih kompleks. Dengan menambahkan warna juga sebuah tanda ceklis.Contoh codenya:  Contoh Code

17.Tabel (TabelTanah1)
Tabel Tanah.
Kita coba lagi membuat sebuah tabel seperti diatas. Codenya :

Code

18.Tabel (TabelTanah2)
Tabel Tanah.
Kita coba buat lagi dengan tampilan tabel seperti diatas dengan code :

Code
19.Tabel (tabelBenua1)
Tabel.
Codenya : Code

20.Tabel (tabelBenua2)
Tabel
Codenya : 

Code

21.Tabel (tabelBuah)
Tabel.
Codenya : 
Code.

Mungkin sekian pada sesi kali ini. Wassalamualaikum Warrahmatullahi Wabarokatuh






Komentar

Posting Komentar

Postingan populer dari blog ini

Haikal PG - XI RPL 1 - PWPB Sesi 9

Assalamualaikum Warahmatullahi Wabarokatuh Dipertemuan kali ini Kita akan masuk ke CSS. Apa itu CSS?, CSS (Cascading Style Sheet) Merupakan salah satu dokumen webstire yang bertujuan untuk mengatur gaya (style) tampilan website. CSS ini ada untuk mempermudah kita mengedit tampilan. Jika di analogikan CSS ini merupakan tampilan luar/ dan HTML kita analogikan sebagai kerangka. Manfaat CSS Kode HTML menjadi lebih sederhana dan lebih mudah diatur Ukuran file menjadi lebih kecil sehingga load file lebih cepat. Mudah untuk mengubah tampilan hanya dengan mengubah file CSS saja Dapat berkolaborasi dengan javascript. dapat digunakan dalam hampit semua jenis web browser. Anatomi CSS Anatomi CSS Pengkodingan CSS CSS memiliki 3 cara pengkodingan yaitu : Inline : Didalam tag html kita bisa menambahkan atribut "style" Embbeded : Didalam satu file yang sama External : Dengan membuat file CSS dan di dalam file html ki...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 38

Assalamualaikum Warahmatullahi Wabarokatuh Halo teman-teman gimana kabarya? semoga sehat selalu ya.. . Pada sesi kali ini kita akan membahas tentang overloading. Overloading Overloading di PHP menyediakan cara agar properti dan method dapat dibuat secara dinamis. Entitas dinamis ini diproses melalui method ajaib yang dapat dibangun di class untuk berbagai jenis tindakan. method overloading dipanggil saat berinteraksi dengan properti atau method yang belum dideklarasikan atau tidak terlihat dalam baris program. Sisa dari bagian ini akan menggunakan istilah properti dan method yang tidak dapat diakses untuk merujuk pada kombinasi deklarasi dan visibilitas tersebut. Semua method overloading harus didefinisikan sebagai public. Contoh overloading dengan isset,unset,set, dan get.: data[$name] = $value; } public function __get($name) { echo "Getting".$name."\n"; if (array_key_exists($name, $this->data)) { return $this->data[$name]; } $tra...
Posting Komentar
Baca selengkapnya

Haikal PG - XI RPL 1 - PWPB Sesi 19

Assalamualaikum Warahmatullahi Wabarokatuh Kita akan melanjutkan materi tentang web dinamis. Apa saja yang akan kita pelajari? Pengenalan PHP Aturan umum PHP Scripting Variable Tipe Data Komentar Operator Membuat Aplikasi Sederhana Variable Scope (Lingkup Variabel) Pengelompokkan Tipe Data Boolean String Studi Kasus Hal yang harus dipersiapkan: XAMPP yang sudah diinstal kita akan menggunakan web server apache yang telah di bundle dalam aplikasi XAMPP ini Notepad++, Vs Code, Sublime atau apapun text editor favorit kalian. Pengenalan PHP PHP   adalah bahasa pemrograman yang didesain khusus untuk membuat halaman web. PHP adalah singkatan dari Hypertext Preprocessor. Awalya, PHP adalah singkatan dari Personal Home Page yang pertamkali diciptakan oleh Rasmus Lerdorf PHP diciptakan pertama kali untuk keperluan mencatat jumlah pengunjung himepage nya. Perkembangan php saat ini dapat dilihat pada www.php.net PHP adalah salah satu bahasa server-side ...
Posting Komentar
Baca selengkapnya