Artikel Terbaru

Cara Membuat Frame Kolom pada HTML

Untuk dapat membuat bingkai pada website yang didalamnya terdapat halaman website lain, maka dapat digunakan tag frameset. Pada tag atau elemen Frameset, didalamnya terdapat atribut COLS, atribut ini digunakan dalam Tag <FRAMESET> untuk membuat frame-frame yang berbentuk kolom, beserta ukuran masing-masing Frame dalam sebuah Frameset. Ukuran Frame biasanya dituliskan dalam satuan persen "%" atau dalam bentuk relatif menggunakan karakter bintang "*". Pada materi ini peserta didik akan belajar bagaimana cara menggunakan atribut cols pada frameset atau frame untuk membuat frame kolom. Sebelum memulai kegiatan peserta didik terlebih dahulu mempersiapkan alat-alat praktiknya berupa PC atau mobile yang dapat digunakan untuk membuat file html. Setelah persiapan selesai, peserta didik dapat memulai kegiatan praktik dengan mengikuti instruksi berikut ini:

satu, Jalankan Notepad.
dua, Ketik baris kode program berikut ini.

<html>

 

<head>

<title>

Membuat Frame Kolom

</title>

</head>

 

<frameset cols="30%,30%,40%">

 

<!-- Ini frame pertama, selebar 30% layar -->

<frame src="latihan26.html">

 

<!-- Ini frame kedua, selebar 30% layar -->

<frame src="latihan26.html">

 

<!-- Ini frame ketiga, selebar 40% layar -->

<frame src="latihan26.html">

 

</FRAMESET>

 

</html>


tiga, Simpan dengan nama "latihan25A.html".
empat, Jalankan file latihan25A.html pada browser.
lima, Jalankan Notepad kembali dan buat dokumen baru, lalu ketik kode baris program berikut ini.

<html>

 

<head>

<title>

Membuat Frame Kolom

</title>

</head>

 

<frameset cols="25%,*,*">

 

<!-- Ini frame pertama, selebar 25% layar -->

<frame src="latihan26.html">

 

<!-- Ini frame kedua, selebar sisa layar dibagi dua -->

<frame src="latihan26.html">

 

<!-- Ini frame ketiga, selebar sisa layar dibagi dua -->

<frame src="latihan26.html">

 

</FRAMESET>

 

</html>


enam, Simpan dengan nama "latihan25B.html".
tujuh, Jalankan file latihan25B.html pada browser.
delapan, Jalankan Notepad kembali dan buat dokumen baru, lalu ketik kode baris program berikut ini.

<html>

 

<head>

<title>

Membuat Frame Kolom

</title>

</head>

 

<frameset cols="2*,*">

 

<!-- Ini frame pertama, selebar 2/3 ukuran lebar frame kedua -->

<frame src="latihan26.html">

 

<!-- Ini frame kedua, selebar 1/2 ukuran frame pertama -->

<frame src="latihan26.html">

 

</FRAMESET>

</html>


sembilan, Simpan dengan nama "latihan25C.html".
sepuluh, Jalankan file latihan25C.html pada browser.

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Apa fungsi dari frame kolom pada frame HTML?

    BalasHapus
    Balasan
    1. Kolom pada frame atau frame kolom berfungsi untuk menentukan subruang vertikal dalam sebuah bingkai atau frame.

      Hapus
    2. Kedua frame baik itu kolom ataupun baris dapat diatur secara sendiri-sendiri ataupun secara bersamaan untuk mebuat sebuah kombinasi frame.

      Hapus
  3. Apa fungsi atribut scrolling pada frame html?

    BalasHapus
    Balasan
    1. Fungsi atribut scrolling pada frame html adalah memberikan pilihan kepada pengguna apakah akan menggunakan scrol atau tidak pada frame jika laman yang ditampilkan ukurannya lebih besar dari laman frame, dengan nilai atribut adalah YES atau NO atau AUTO.

      Yes berarti diberikan scrol pada frame.

      No berarti tidak diberikan scrol pada frame.

      AUTO berarti akan diberikan frame pada laman web jika ukuran web yang ditampilkan pada frame melebihi ukuran dari frame sendiri.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java