Frame HTML digunakan untuk membagi windows pada web browser menjadi beberapa bagian dimana setiap bagian tersebut dapat dibuat secara terpisah. Tag frameset merupakan kumpulan dari jendela atau windows browser tersebut.
Membuat frame: Tag frameset digunakan untuk membagi browser menjadi beberapa windows, dimana setiap frame akan ditunjukkan oleh tag frame dan pada dasarnya merupakan bentuk pendefinisian dari dokumen HTML itu sendiri yang akan dibuat ke dalam tag frame. Untuk mendefinisikan frame horizontal maka digunakan atribut row dari tag frame, sedangkan jika ingin mendefinisikan frame dalam bentuk vertikal maka digunakan atribut col dari tag frame pada dokumen HTML.
Contoh:
Contoh program tersebut pada dasarnya digunakan untuk membuat tiga frame horizontal yaitu bagian atas, tengah, dan bahwa dengan menggunakan atribut row dari frameset dan tag noframe digunakan untuk browser yang tidak mendukung penggunaan noframe.
Contoh: ilustrasi dari atribut col dari tag frameset.
Contoh tersebut digunakan untuk membuat tiga frame vertikal yaitu kiri, tengah, dan kanan dengan menggunakan atribut col dari tag frameset.
Atribut dari Tag Frameset:
satu, cols: digunakan untuk membuat bingkai vertikal pada web browser. Atribut ini pada dasarnya digunakan untuk menentukan jumlah kolom dan ukurannya pada tag frameset. Ukuran dan lebar kolom diatur dalam frameset dengan cara berikut:
dua, rows: digunakan untuk membuat frame horizontal pada web browser. Atribut ini digunakan untuk menentukan jumlah baris dan ukurannya pada tag frameset yang diperlihatkan sebagai berikut:
tiga, border: atribut ini digunakan untuk mendefinisikan lebar batas pada setiap frame dalam satuan pixel dengan nilai nol digunakan untuk meniadakan batas-batas atau border tersebut.
Contoh: <frameset border="4" frameset>
empat, frameborder: atribut ini digunakan untuk menentukan apakah batas tiga dimensi harus ditampilkan diantara bingkai atau tidak. Atribut ini menggunakan dua nilai yaitu 0 dan 1. Nilai 0 mendefinisikan makna tanpa batas dan nilai 1 mendefinisikan nilai berbatas pada atribut.
lima, framespacing: atribut ini digunakan untuk menentukan jumlah jarak antar frame dalam sebuah frameset. Atribut ini dapat mengambil nilai integer apapun sebagai nilai parameter yang pada dasarnya menunjukkan nilai pixel.
Contoh: <framespacing="20">
enam, name: atribut ini digunakan untuk memberi nama pada frame. Atribut ini digunakan untuk membedakan antara frame satu dengan frame lainnya yang juga digunakan untuk menunjukkan bingkai mana pada dokumen yang harus dimuat.
Contoh:
<frame name = "top" src = "C:/Users/dharam/Desktop/attr1.png" />
<frame name = "main" src = "C:/Users/dharam/Desktop/gradient3.png" />
<frame name = "bottom" src = "C:/Users/dharam/Desktop/col_last.png" />
tujuh, src: Atribut dalam tang bingkai tersebut digunakan untuk mendefinisikan file sumber yang harus dimuat ke dalam bingkai. Nilai dari src juga dapat berupa nilai url apapun.
Contoh: <frame name = "left" src = "/html/left.htm" />
Dari contoh tersebut maka file akan melakukan loading dari url "/html/left.html".
delapan, marginwidth: Atribut ini digunakan untuk menentukan lebar spasi dalam satuan pixel antara nilai batas dan isi dari frame kiri dan kanan.
Contoh: <frame marginwidth="20">
sembilan, marginheight: Atribut ini digunakan untuk menentukan tinggi spasi dalam satuan pixel antara batas dan isi bingkai atas dan isi bingkai bawah.
Contoh: <frame marginheight="20">
sepuluh, scrollbar: Digunakan untuk mengontrol tampilan scroll pada frame yang digunakan pada dokumen html. Atribut ini pada dasarnya digunakan untuk mengendalikan tampilan dari scrollbar frame. Nilai pada atribut dapat berupa yes, no, dan auto, dimana nilai no akan mengeksekusi perintah untuk tidak menampilkan scroll pada frame.
Contoh: <frame scrollbar="no">
Keunggulan tag frame:
Kekurangan tag frame: Karena beberapa kelemahan yang dimiliki dari penggunaan tag frame, maka tag tersebut jarang digunakan dalam pengembangan web:
Catatan: penggunaan tag ini sudah tidak didukung pada HTML5.
Membuat frame: Tag frameset digunakan untuk membagi browser menjadi beberapa windows, dimana setiap frame akan ditunjukkan oleh tag frame dan pada dasarnya merupakan bentuk pendefinisian dari dokumen HTML itu sendiri yang akan dibuat ke dalam tag frame. Untuk mendefinisikan frame horizontal maka digunakan atribut row dari tag frame, sedangkan jika ingin mendefinisikan frame dalam bentuk vertikal maka digunakan atribut col dari tag frame pada dokumen HTML.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
HTML Frame menggunakan
atribut row
</title>
</head>
<frameset
rows = "20%, 60%, 20%">
<frame
name = "top"
src ="C:/Users/dharam/Desktop/attr1.png" />
<frame
name = "main"
src ="C:/Users/dharam/Desktop/gradient3.png" />
<frame
name = "bottom"
src ="C:/Users/dharam/Desktop/col_last.png" />
<noframes>
<body>
Browser tidak mendukung
penggunaat frame.
</body>
</noframes>
</frameset>
</html>
Contoh: ilustrasi dari atribut col dari tag frameset.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Frame menggunakan
atribut col
</title>
</head>
<frameset
cols = "30%, 40%, 30%">
<frame
name = "top"
src = "C:/Users/dharam/Desktop/attr1.png" />
<frame
name = "main"
src = "C:/Users/dharam/Desktop/gradient3.png" />
<frame
name = "bottom"
src = "C:/Users/dharam/Desktop/col_last.png" />
<noframes>
<body>
Browser yang digunakan tidak
mendukung penggunaan frame.
</body>
</noframes>
</frameset>
</html>
Atribut dari Tag Frameset:
satu, cols: digunakan untuk membuat bingkai vertikal pada web browser. Atribut ini pada dasarnya digunakan untuk menentukan jumlah kolom dan ukurannya pada tag frameset. Ukuran dan lebar kolom diatur dalam frameset dengan cara berikut:
- Menggunakan nilai pixel absolut. Contoh: <frameset cols = "300, 400, 300">
- Menggunakan nilai persen. Contoh: <frameset cols = "30%, 40%, 30%">
- Menggunakan nilai wild card. Contoh: <frameset cols = "30%, *, 30%">
dua, rows: digunakan untuk membuat frame horizontal pada web browser. Atribut ini digunakan untuk menentukan jumlah baris dan ukurannya pada tag frameset yang diperlihatkan sebagai berikut:
- Menggunakan nilai pixel. Contoh: <frameset rows = "300, 400, 300">
- Menggunakan nilai persen. Contoh: <frameset rows = "30%, 40%, 30%">
- Menggunakan nilai wild card. Contoh: <frameset rows = "30%, *, 30%">
tiga, border: atribut ini digunakan untuk mendefinisikan lebar batas pada setiap frame dalam satuan pixel dengan nilai nol digunakan untuk meniadakan batas-batas atau border tersebut.
Contoh: <frameset border="4" frameset>
empat, frameborder: atribut ini digunakan untuk menentukan apakah batas tiga dimensi harus ditampilkan diantara bingkai atau tidak. Atribut ini menggunakan dua nilai yaitu 0 dan 1. Nilai 0 mendefinisikan makna tanpa batas dan nilai 1 mendefinisikan nilai berbatas pada atribut.
lima, framespacing: atribut ini digunakan untuk menentukan jumlah jarak antar frame dalam sebuah frameset. Atribut ini dapat mengambil nilai integer apapun sebagai nilai parameter yang pada dasarnya menunjukkan nilai pixel.
Contoh: <framespacing="20">
enam, name: atribut ini digunakan untuk memberi nama pada frame. Atribut ini digunakan untuk membedakan antara frame satu dengan frame lainnya yang juga digunakan untuk menunjukkan bingkai mana pada dokumen yang harus dimuat.
Contoh:
<frame name = "top" src = "C:/Users/dharam/Desktop/attr1.png" />
<frame name = "main" src = "C:/Users/dharam/Desktop/gradient3.png" />
<frame name = "bottom" src = "C:/Users/dharam/Desktop/col_last.png" />
tujuh, src: Atribut dalam tang bingkai tersebut digunakan untuk mendefinisikan file sumber yang harus dimuat ke dalam bingkai. Nilai dari src juga dapat berupa nilai url apapun.
Contoh: <frame name = "left" src = "/html/left.htm" />
Dari contoh tersebut maka file akan melakukan loading dari url "/html/left.html".
delapan, marginwidth: Atribut ini digunakan untuk menentukan lebar spasi dalam satuan pixel antara nilai batas dan isi dari frame kiri dan kanan.
Contoh: <frame marginwidth="20">
sembilan, marginheight: Atribut ini digunakan untuk menentukan tinggi spasi dalam satuan pixel antara batas dan isi bingkai atas dan isi bingkai bawah.
Contoh: <frame marginheight="20">
sepuluh, scrollbar: Digunakan untuk mengontrol tampilan scroll pada frame yang digunakan pada dokumen html. Atribut ini pada dasarnya digunakan untuk mengendalikan tampilan dari scrollbar frame. Nilai pada atribut dapat berupa yes, no, dan auto, dimana nilai no akan mengeksekusi perintah untuk tidak menampilkan scroll pada frame.
Contoh: <frame scrollbar="no">
Keunggulan tag frame:
- Memungkinkan user untuk melihat beberapa file dokumen dalam satu halaman website saja.
- Memungkinkan untuk memuat beberapa halaman website dalam satu halaman saja.
- Browser tipe lama yang tidak mendukung penggunaan bingkai dapat menggunakan tag ini untuk mengatasi masalah tersebut.
Kekurangan tag frame: Karena beberapa kelemahan yang dimiliki dari penggunaan tag frame, maka tag tersebut jarang digunakan dalam pengembangan web:
- Frame dapat membuat situs website menjadi terlihat rumit.
- User tidak dapat menandai halaman website manapun yang telah dilihat pada frame.
- Tombol back pada browser mungkin tidak berfungsi seperti yang diharapkan semestinya.
- Penggunaan frame yang terlalu banyak dapat memberikan beban kerja berlebih pada server.
- Banyak browser website lama yang tidak mendukung penggunaan tag frame.
Catatan: penggunaan tag ini sudah tidak didukung pada HTML5.
Apa yang dimaksud dengan tag frame pada html?
BalasHapusFrame HTML digunakan untuk membagi jendela web browser menjadi beberapa bagian dimana setiap bagian tersebut dapat dimuat secara terpisah. Tag frameset merupakan kumpulan frame pada jendela browser.
HapusBagaimana menciptakan frame?
BalasHapus1. Gunakan elemen frameset sebagai pengganti elemen body dalam dokumen html.
Hapus2. Gunakan elemen frame untuk membuat bingkai untuk konten halaman website.
3. Gunakan atribut src untuk mengidentifikasi sumber daya yang harus dimuat pada setiap frame.
4. Buat file yang berbeda dengan isi untuk setiap frame yang akan ditampilkan.
Apa yang dimaksud dengan frame dalam konteks web browser?
BalasHapusDalam konteks web browser, frame merupakan bagian dari halaman website atau jendela browser yang menampilkan konten independen dari wadahnya, dengan kemampuan untuk membuat konten secara independen.
Hapus