Pelajari Tentang Atribut Tag Bingkai

Ketika Anda membuat halaman berbingkai, halaman yang muncul di URL tidak memiliki konten nyata (kecuali Anda memiliki versi ). Sebagai gantinya, Anda membuat halaman <frame> yang menyediakan informasi untuk halaman Anda. </p> <h3> Atribut yang Mungkin </h3><ul><li> <strong>src:</strong> Ini adalah satu-satunya atribut yang <strong>diperlukan</strong> untuk tag bingkai. Nilai atribut ini adalah URL dokumen yang ingin Anda tampilkan dalam bingkai. Anda dapat merujuk objek HTML apa pun, gambar, atau elemen multimedia yang biasanya dapat ditampilkan oleh browser Web. (Perlu diingat, jika Anda menggunakan gambar, gambar tidak akan digolongkan seperti gambar latar belakang, tetapi hanya ditampilkan sekali.) </li><li> <strong>nama:</strong> Ini memungkinkan Anda untuk memberi label pada bingkai Anda sehingga Anda dapat membuka halaman baru dalam bingkai tertentu. Jika Anda tidak memberi nama bingkai Anda, semua tautan akan terbuka di bingkai tempat mereka berada. </li><li> <strong>noresize:</strong> Ketika Anda mengatur ukuran frame Anda, pembaca Anda dapat masuk dan mengubah ukuran yang sesuai dengan mereka, kecuali Anda menggunakan atribut noresize. Ini memungkinkan Anda untuk tetap mengontrol tata letak halaman Anda. </li><li> <strong>scrolling:</strong> Atribut ini menentukan perilaku scrollbar pada frame Anda. Jika bingkai lebih besar dari jendela browser, bilah gulir akan muncul. Jika Anda tidak ingin scrollbar muncul, masukkan scrolling = no dalam tag bingkai Anda. Opsi &quot;ya&quot; menyatakan bahwa akan selalu ada bilah gulir pada bingkai, meskipun tidak ada tempat untuk menggulir. </li></ul><ul><li> <strong>marginheight:</strong> Atribut ini mendefinisikan berapa tinggi margin antara frame akan. Tidak boleh kurang dari 1 piksel. Juga, jika browser tidak dapat menampilkan nilai yang diinginkan, maka atribut ini akan diabaikan. </li><li> <strong>marginwidth:</strong> Atribut ini mendefinisikan seberapa lebar margin antar frame nantinya. Tidak boleh kurang dari 1 piksel. Juga, jika browser tidak dapat menampilkan nilai yang diinginkan, maka atribut ini akan diabaikan. </li><li> <strong>frameborder:</strong> Atribut ini memungkinkan Anda untuk menambah atau menghapus batas dari satu frame di halaman Anda. Gunakan nilai &quot;ya&quot; atau &quot;1&quot; untuk mengaktifkan batas dan &quot;tidak&quot; atau &quot;0&quot; untuk menonaktifkan batas. Atribut ini ditangani secara berbeda di IE dan Netscape, jadi jika Anda ingin menggunakannya, Anda harus menentukan batas-batas di semua frame dalam bingkai Anda sehingga Anda mendapatkan tampilan yang konsisten. </li></ul><h3> Konten Noframes </h3><p> Tag ini memungkinkan pembaca tanpa browser yang dilengkapi dengan bingkai untuk melihat halaman Anda. Penggunaan paling umum dari tag ini adalah mendikte browser apa yang harus digunakan orang; namun, sangat mudah mengarahkan orang ke laman pertama dari bingkai Anda di dalam tag noframes. Cukup tambahkan: </p> <p> <noframes> <br> Dokumen ini dibingkai, namun, Anda dapat melihat halaman di <a href=&quot;home.html&quot;> home.html </a> <br> </ noframes> </p> <p> Jika Anda bersedia menghabiskan sedikit waktu ekstra, Anda dapat menyalin isi halaman utama Anda ke bagian <noframes> dari frameset Anda. Ini akan menghasilkan sangat sedikit kehilangan kualitas bagi pembaca tanpa bingkai Anda. Pelajari lebih lanjut tentang bingkai dengan <a href="https://id.eyewated.com/menargetkan-tautan-di-iframes-dan-frame-html/">teknik lanjutan</a> ini atau baca tentang <a href="https://id.eyewated.com/atribut-html5-baru-dari-elemen-iframe/">iframe di HTML 5</a> . </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://id.eyewated.com/proses-desain-web/"> <amp-img src="https://exse.eyewated.com/pict/9ca4f543848734a9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/proses-desain-web/">Proses Desain Web</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/bagan-simbolisme-warna-visual-oleh-budaya/"> <amp-img src="https://exse.eyewated.com/pict/d0840dab4bf03377-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/bagan-simbolisme-warna-visual-oleh-budaya/">Bagan Simbolisme Warna Visual oleh Budaya</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/tiga-lapisan-desain-web/"> <amp-img src="https://exse.eyewated.com/pict/c544a882880e3048-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/tiga-lapisan-desain-web/">Tiga Lapisan Desain Web</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/penekanan-sebagai-prinsip-desain-web/"> <amp-img src="https://exse.eyewated.com/pict/b239d89ad88234d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/penekanan-sebagai-prinsip-desain-web/">Penekanan sebagai Prinsip Desain Web</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/kiat-memimpin-tim-desain-web/"> <amp-img src="https://exse.eyewated.com/pict/b585698e360b3171-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/kiat-memimpin-tim-desain-web/">Kiat Memimpin Tim Desain Web</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/pekerjaan-desain-web-outlook-melalui-2022/"> <amp-img src="https://exse.eyewated.com/pict/ab7ef7d7b8322fee-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/pekerjaan-desain-web-outlook-melalui-2022/">Pekerjaan Desain Web Outlook Melalui 2022</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/keuntungan-menjadi-perancang-web-freelance/"> <amp-img src="https://exse.eyewated.com/pict/356a10cab9c13029-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/keuntungan-menjadi-perancang-web-freelance/">Keuntungan Menjadi Perancang Web Freelance</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/the-legalitas-menghubungkan/"> <amp-img src="https://exse.eyewated.com/pict/1410230006c033a9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/the-legalitas-menghubungkan/">The Legalitas Menghubungkan</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-meregangkan-gambar-latar-belakang-agar-sesuai-dengan-halaman-web/"> <amp-img src="https://exse.eyewated.com/pict/ba9a302dbea02f25-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-meregangkan-gambar-latar-belakang-agar-sesuai-dengan-halaman-web/">Cara Meregangkan Gambar Latar Belakang agar Sesuai dengan Halaman Web</a></h3> <div class="amp-related-meta"> Desain & Dev Web </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-mematikan-4g-di-ipad/"> <amp-img src="https://exse.eyewated.com/pict/b44885c2a58931f4-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-mematikan-4g-di-ipad/">Cara Mematikan 4G di iPad</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-memformat-c-dari-konsol-pemulihan/"> <amp-img src="https://exse.eyewated.com/pict/4f878dc5c7e138ca-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-memformat-c-dari-konsol-pemulihan/">Cara Memformat C Dari Konsol Pemulihan</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/bagaimana-cara-menentukan-pengaturan-kamera-terbaik/"> <amp-img src="https://exse.eyewated.com/pict/8c92bf9fb7f4319a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/bagaimana-cara-menentukan-pengaturan-kamera-terbaik/">Bagaimana Cara Menentukan Pengaturan Kamera Terbaik?</a></h3> <div class="amp-related-meta"> Kamera digital </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/5-aplikasi-pengaturan-sasaran-terbaik/"> <amp-img src="https://exse.eyewated.com/pict/8db7404418252f37-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/5-aplikasi-pengaturan-sasaran-terbaik/">5 Aplikasi Pengaturan Sasaran Terbaik</a></h3> <div class="amp-related-meta"> Baru & Berikutnya </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/tutorial-pie-bagan-excel-2003/"> <amp-img src="https://exse.eyewated.com/pict/b76b0544efaf311d-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/tutorial-pie-bagan-excel-2003/">Tutorial Pie Bagan Excel 2003</a></h3> <div class="amp-related-meta"> Perangkat lunak </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/apa-yang-mempengaruhi-kualitas-suara-di-panggilan-voip/"> <amp-img src="https://exse.eyewated.com/pict/f1d589d8cc4530ae-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apa-yang-mempengaruhi-kualitas-suara-di-panggilan-voip/">Apa yang Mempengaruhi Kualitas Suara di Panggilan VoIP</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://id.eyewated.com/outlook-mail-di-outlook-com-review-2018-layanan-email-gratis/"> <amp-img src="https://exse.eyewated.com/pict/615dbe3a32ed3888-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/outlook-mail-di-outlook-com-review-2018-layanan-email-gratis/">Outlook Mail di Outlook.com Review 2018 - Layanan Email Gratis</a></h3> <div class="amp-related-meta"> Browser </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/25-situs-e-card-hari-ibu-terbaik-tahun-2018/"> <amp-img src="https://exse.eyewated.com/pict/4213a7e21e3b3aa9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/25-situs-e-card-hari-ibu-terbaik-tahun-2018/">25 Situs E-Card Hari Ibu Terbaik tahun 2018</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/menggunakan-facebook-emojis-dan-smiley/"> <amp-img src="https://exse.eyewated.com/pict/d54f2ebf4c1637aa-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/menggunakan-facebook-emojis-dan-smiley/">Menggunakan Facebook Emojis dan Smiley</a></h3> <div class="amp-related-meta"> Media sosial </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/cara-menggunakan-pintasan-keyboard-yandex-mail/"> <amp-img src="https://exse.eyewated.com/pict/6c1a23562ebb3956-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/cara-menggunakan-pintasan-keyboard-yandex-mail/">Cara Menggunakan Pintasan Keyboard Yandex.Mail</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/gunakan-beberapa-desain-tema-dalam-presentasi-powerpoint-yang-sama/"> <amp-img src="https://exse.eyewated.com/pict/949bc3772cd83354-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/gunakan-beberapa-desain-tema-dalam-presentasi-powerpoint-yang-sama/">Gunakan Beberapa Desain Tema dalam Presentasi PowerPoint yang Sama</a></h3> <div class="amp-related-meta"> Perangkat lunak </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/nyalakan-led-dengan-gpio-raspberry-pi/"> <amp-img src="https://exse.eyewated.com/pict/5fb48779437d2fe4-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/nyalakan-led-dengan-gpio-raspberry-pi/">Nyalakan LED dengan GPIO Raspberry Pi</a></h3> <div class="amp-related-meta"> Baru & Berikutnya </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/aplikasi-tonton-apel-paling-diduga/"> <amp-img src="https://exse.eyewated.com/pict/8080a398c42630e7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/aplikasi-tonton-apel-paling-diduga/">Aplikasi Tonton Apel Paling Diduga</a></h3> <div class="amp-related-meta"> Dapat dipakai </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/tiga-cara-untuk-mengakses-folder-perpustakaan-di-mac-anda/"> <amp-img src="https://exse.eyewated.com/pict/d3d5360d249a3381-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/tiga-cara-untuk-mengakses-folder-perpustakaan-di-mac-anda/">Tiga Cara untuk Mengakses Folder Perpustakaan di Mac Anda</a></h3> <div class="amp-related-meta"> Mac </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apa-curl-dan-mengapa-anda-menggunakannya/">Apa Curl Dan Mengapa Anda Menggunakannya?</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/pengantar-cloud-storage/"> <amp-img src="https://exse.eyewated.com/pict/dee636fe33e63cab-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/pengantar-cloud-storage/">Pengantar Cloud Storage</a></h3> <div class="amp-related-meta"> Jaringan internet </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/memilih-edisi-microsoft-sql-server-2012-yang-benar/"> <amp-img src="https://exse.eyewated.com/pict/ba4bc68cd2a52f76-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/memilih-edisi-microsoft-sql-server-2012-yang-benar/">Memilih Edisi Microsoft SQL Server 2012 yang Benar</a></h3> <div class="amp-related-meta"> Perangkat lunak </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/panduan-untuk-mengakses-akun-yahoo-mail-di-iphone-mail/"> <amp-img src="https://exse.eyewated.com/pict/d69108d377663e11-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/panduan-untuk-mengakses-akun-yahoo-mail-di-iphone-mail/">Panduan untuk Mengakses Akun Yahoo Mail di iPhone Mail</a></h3> <div class="amp-related-meta"> IPhone & iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/inbox-by-gmail-review-layanan-email/"> <amp-img src="https://exse.eyewated.com/pict/ced1c9be2e57355b-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/inbox-by-gmail-review-layanan-email/">Inbox by Gmail Review - Layanan Email</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/pembaca-rss-feed-windows-dan-agregator-berita/"> <amp-img src="https://exse.eyewated.com/pict/0cc054222dfa31c5-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/pembaca-rss-feed-windows-dan-agregator-berita/">Pembaca RSS Feed Windows dan Agregator Berita</a></h3> <div class="amp-related-meta"> Email & Perpesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/apa-arti-idk/"> <amp-img src="https://exse.eyewated.com/pict/3ab7a0a5df812ed6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/apa-arti-idk/">Apa Arti IDK?</a></h3> <div class="amp-related-meta"> Media sosial </div> </div> </div> <div class="amp-related-content"> <a href="https://id.eyewated.com/hp-envy-17t-j100-leap-motion/"> <amp-img src="https://exse.eyewated.com/pict/5682e63349c332d7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://id.eyewated.com/hp-envy-17t-j100-leap-motion/">HP ENVY 17t-j100 Leap Motion</a></h3> <div class="amp-related-meta"> Membeli Pemandu </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> &copy; 2024 id.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.222 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:35:17 --> <!-- 0.002 -->