Membuat Frame HTML Menggunakan 10 Atribut Utama dan Fungsinya
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.
Sebelum memahami lebih dalam materi tentang Membuat Frame HTML Menggunakan 10 Atribut Utama dan Fungsinya, terlebih dahulu pelajari materi tentang: Membuat Form HTML Menggunakan Tag Form, Mengatur Gaya Huruf HTML Menggunakan Tag Font, dan Menyematkan Aplikasi Eksternal pada HTML Menggunakan Tag Embed.
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.
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.
Baca Juga:
Contoh:
Contoh: ilustrasi dari atribut col dari tag frameset.
Atribut dari Tag Frameset:
<!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 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.
<!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>
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. Atribut scrolling adalah atribut yang digunakan untuk menentukan apakah frame tersebut akan diberi scrolbar atau tidak, pilihannya adalah yes, no, atau auto. Jika pilihan nilai scrolling adalah auto, maka scrollbar hanya dimunculkan jika dibutuhkan, dimana kondisi scrolbar akan muncul dibagian samping kanan atau bawah frame, jika lebar atau tinggi layar frame lebih kecil daripada website yang akan ditayangkan ke dalam frame. Jika plihan scrolling adalah yes, maka scrolbar akan selalu muncul meskipun ukuran website yang ditampilkan pada frame jauh lebih kecil dari ukuran frame itu sendiri. Jika pilihan nilai scrolling adalah no, maka frame tidak akan menampilkan scrolbar pada frame meskipun ukuran website yang akan ditampilkan pada frame jauh lebih besar dari frame itu sendiri. Secara default, jika frame html tidak menampilkan atribut scrolling, maka scrolbar yang terdapat pada frame akan diatur dengan nilai auto.
- 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. Atribut scrolling adalah atribut yang digunakan untuk menentukan apakah frame tersebut akan diberi scrolbar atau tidak, pilihannya adalah yes, no, atau auto. Jika pilihan nilai scrolling adalah auto, maka scrollbar hanya dimunculkan jika dibutuhkan, dimana kondisi scrolbar akan muncul dibagian samping kanan atau bawah frame, jika lebar atau tinggi layar frame lebih kecil daripada website yang akan ditayangkan ke dalam frame. Jika plihan scrolling adalah yes, maka scrolbar akan selalu muncul meskipun ukuran website yang ditampilkan pada frame jauh lebih kecil dari ukuran frame itu sendiri. Jika pilihan nilai scrolling adalah no, maka frame tidak akan menampilkan scrolbar pada frame meskipun ukuran website yang akan ditampilkan pada frame jauh lebih besar dari frame itu sendiri. Secara default, jika frame html tidak menampilkan atribut scrolling, maka scrolbar yang terdapat pada frame akan diatur dengan nilai auto.
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.
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.
Referensi Tambahan:
- 2 Contoh Program Tujuan Penggunaan Tag HTML
- 2 Contoh Cara Menampilkan Teks dalam Format Miring pada HTML
- 9 Contoh Penggunaan Tag IMG untuk Menampilkan Gambar pada HTML
- 30 Value Utama Penggunaan Tag Input pada HTML
- 2 Atribut Utama Penggunaan Tag Ins pada HTML
- 2 Contoh Penggunaan Tag Kbd untuk Pendefinisian Input Keyboard HTML
- 2 Contoh dan Cara Penggunaan Tag Label pada HTML
Artikel ini didedikasikan kepada: Aditya Aji Pradana, Afifah Eva Nuriyah, Aldila Puspita Husna, Amalia Safitri, dan Andhi Nur Saputra.
32 komentar untuk "Membuat Frame HTML Menggunakan 10 Atribut Utama dan Fungsinya"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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.
HapusApa fungsi dari frame kolom pada frame HTML?
BalasHapusKolom pada frame atau frame kolom berfungsi untuk menentukan subruang vertikal dalam sebuah bingkai atau frame.
HapusKedua frame baik itu kolom ataupun baris dapat diatur secara sendiri-sendiri ataupun secara bersamaan untuk mebuat sebuah kombinasi frame.
HapusApa fungsi atribut scrolling pada frame html?
BalasHapusFungsi 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.
HapusYes 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.
Bagaimana cara membuat dan mengatur frame pada laman html?
BalasHapus1. Gunakan elemen FRAMESET sebagai pengganti elemen body dalam dokumen HTML.
Hapus2. Gunakan elemen FRAME untuk membuat bingkai untuk konten website.
3. Gunakan atribut SRC untuk mengidentifikasi source yang harus dimuat dalam setiap frame.
4. Buat file berbeda untuk setiap frame yang disediakan.
Bagaimana cara mewarnai frame pada html?
BalasHapusUntuk dapat mewarnai frame pada laman html dapat menggunakan atribut bordercolor, dengan nilai atau value dari atribut tersebut adalah bilangan hexadecimal enam karakter.
HapusPenggunaan umum dari frame pada html adalah untuk menampilkan navigasi frame pada sepanjang sisi atau pada bagian atas dari halaman web. Dengan menggunakan frame, perancang web dapat membuat frame navigasi yang mengontrol dokumen pada laman lainnya.
BalasHapusAtribut scroll pada frame html digunakan untuk menentukan apakah harus menggunakan scrol atau tidak pada frame yang digunakan. Secara default, schollbar akan muncul pada frame jika konten yang ditampilkan ukurannya lebih besari dari frame itu sendiri.
BalasHapusApa keuntungan dan kerugian menggunakan frame pada laman html yang dibuat?
BalasHapusKeuntungannya, perancang web dapat menampilkan laman web lain pada laman web sendiri tanpa harus membuat ulang laman html yang akan ditampilkan tersebut.
HapusKerugiannya, jika laman html yang akan ditampilkan frame ternyata memiliki waktu loading yang lama maka dapat membebani situs atau halaman html yang terpadat frame yang mengarah kesitus tersebut.
HapusDalam pengembangan situs atau web, penting bagi seorang perancang situs untuk mempertimbangkan kecepatan akses dari situs tersebut supaya pengunjung merasa nyaman untuk mengunjungi situs tersebut. Sebuah situs yang memiliki waktu loading yang terlalu lama akan membuat pengunjung tidak bisa bertahan lama, dan cenderung tidak mau datang lagi ke situs tersebut.
Untuk setting scroll sebaiknya menggunakan atribut dengan nilai yes, no, atau auto?
BalasHapusJawabannya tergantung dari pemauan perancang situs itu sendiri, biasanya sebuah frame yang menampilkan situs dengan ukuran yang selalu lebih kecil dari frame, maka jauh lebih bijak jika value dari atribut scroll disetting dengan NO. Begitupun dengan kondisi lainnya, semua keputusan bersifat subjektif tergantung dari kemauan perancang situs masing-masing.
HapusBagaimana cara menjadi frame sebagai target hyperlink pada html?
BalasHapusPada dasarnya apa yang dilakukan sama seperti menargetkan laman web biasa pada frame, namun pada kondisi ini laman web yang dijadikan sebagai frame adalah laman yang berisi link.
HapusKenapa frame hyperlink yang saya buat tidak menampilkan laman yang ingin ditampilkan melainkan laman internet positif?
BalasHapusKarena laman yang pengen lu tampilan adalah laman terlarang -__- , makanya dicekal pemerintah.
HapusCoba pasang VPN di browser, insyallah laman yang ingin ditampilkan bisa terlihat tanpa ada pencekalan dari internet positif :D.
HapusFrame HTMl digunakan untuk membagi jendela browser untuk menjadi beberapa bagian dimana setiap bagian dapat memuat dokumen html secara terpisah yang didalamnya juga bisa terdapat frame itu sendiri yang dikenal sebagai suatu frameset.
BalasHapusAtribuat name digunakan untuk memberikan penamaan pada tag FRAME. Atribut NAME digunakan untuk memberikan referensi elemen pada JavaScript, juga bertindak sebagai target dari link.
BalasHapusTag FRAME adalah elemen HTML yang digunakan untuk menampilkan area tertentu pada dokumen HTML lain yang dapat ditampilkan. Frame harus digunakan dalam bentuk FRAMESET. penggunaan elemen FRAME tidak dianjurkan karena dapat memberikan kerugian tertentu seperti pada masalah kinerja web atau kurangnya aksesibilitas bagi pengguna dalam membaca layar.
BalasHapusBerapa banyak frame yang dapat ditampilkan pada sebuah laman html?
BalasHapusSebanyak mungkin sesuai dengan kemauan dari perancang web.
HapusNamun, semakin banyak frame yang dimuat dalam suatu laman web, maka semakin banyak pula waktu loading yang dibutuhkan oleh sebuah laman untuk dapat menampilkan semua frame yang ditautkan ke laman tersebut.