Cara membuat tabel kompleks, membuat frame, memasukkan halaman lain di Html

Cara membuat tabel kompleks

Di atas tadi telah ada cara membuat table sederhana dengan menggunakan tag table l, kali ini kita akan membuat tabel yang sedikit berbeda.

Jika sebelumnya pernah menggunakan Excel Pasti mengenal dengan istilah Merge cell atau menggabungkan beberapa kolom.

Cara melakukan nya dengan menambahkan atribut span pada tag "td".

Gunakan atribut "rowspan" untuk menggabungkan dengan baris di samping atau menggunakan "colspan" untuk menggabungkan baris di dekat.

Hasil kode dari atas

Cara bekerja dengan frame

HTML frame digunakan untuk membagi jendela browser menjadi beberapa bagian, dimana setiap bagian dapat memuat dokumen Html yang terpisah.

Sebuah koleksi dari frame disebut dengan frameset.

Jendela browser dibagi dengan cara yang sama seperti kita membuat tabel dimana terdapat baris dan kolom.

Untuk membuat frame pada halaman, kita menggunakan tag "frameset".

tag "frameset" mendefinisikan bagaimana kita membagi jendela menjadi frame.

Atribut pada baris "frameset" digunakan untuk membuat frame secara horizontal dan atribut kolom digunakan untuk membuat frame secara vertikal.

Setiap frame ditandai dengan tag "frame" dan untuk mendefinisikan dokumen html mana yang harus dibuka kedalam frame.

Pertama kita harus menyiapkan beberapa file html untuk dikoneksikan ke dalam frame.

frame 1

frame 2

Kali ini kita akan membuat frame kolom terlebih dahulu.

Kemudian kita atribut kolom pada tag "frameset" seperti ini.

Apa maksud dari * dan 20%?

* adalah jika kita memberikan ukuran maka ukuran nya akan menyesuaikan dengan lebar space yang tersisa.

Sebagai contoh diatas maka *= sisa space dari 10px+20%

Lalu sekarang kita lanjutkan dengan mereferensikan file html yang telah kita buat dengan menggunakan atribut source.

Lalu buka file html yang kita buat, maka hasil dari kode yang telah kita buat akan menjadi seperti di bawah ini.

Iframe memungkinkan website kita untuk mengambil konten dari website lain dan menampilkannya di website kita sendiri.

Jadi kali ini kita akan memasukkan konten dari website lain dan kita masukkan ke dalam website kita, misalnya: Sman1tolitoli.

Pertama buat file Html seperti biasa, namun pada body kita isikan tag "iframesrc".

Kemudian kita tambahkan file Html yang lain di dalam iframe.

Hasil kode dari atas