Vibing Wednesday – CYBERTWENTY

Hiiii genssss!!!
Balik lagi nihh di corner Rabu, pada corner kali ini kami mempelajari tentang html iframe, apa sih iframe itu??? Simak penjelasan di bawah ini yaaaa….

IT Corner hari Rabu ini, materinya adalah tentang iframe dalam HTML. Iframe ini digunakan untuk menampilkan sebuah website dalam website.

Cara membuat iframe itu dengan menggunakan tag . Setelah itu menghubungkannya dengan atribut src serta bisa juga ditambah title dengan atribut title. Selain kedua atribut itu, bisa juga mengganti ukuran iframe dengan menggunakan atribut width dan height atau dengan CSS. Iframe memiliki border dan bisa dihilangkan ataupun diubah dengan menggunakan CSS.</p> <figure class="wp-block-image"><img loading="lazy" decoding="async" width="1280" height="719" src="https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0053.jpg" alt="" class="wp-image-2538" srcset="https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0053.jpg 1280w, https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0053-300x169.jpg 300w, https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0053-1024x575.jpg 1024w, https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0053-768x431.jpg 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure> <p>Iframe juga bisa digunakan sebagai target frame untuk sebuah link. Contohnya sebuah iframe dengan atribut name yang nilainya “frame1”. Kemudian elemen <a> yang memiliki href yang menunjukkan pada suatu website dengan atribut target bernilai “frame1”. Ketika linknya tersebut diklik maka akan memunculkan websitenya pada iframe dibanding memunculkannya dengan cara redirect ke website atau membuka tab baru.</p> Nahhh, jadi itu dia materi yang udah kita pelajari, gimanaaa udaa paham???, semoga kita diberi kesehatan agar bisa terus mengikuti corner, sampai jumpa di corner berikutnya gensss!!! <figure class="wp-block-image"><img loading="lazy" decoding="async" width="1280" height="719" src="https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0054.jpg" alt="" class="wp-image-2537" srcset="https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0054.jpg 1280w, https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0054-300x169.jpg 300w, https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0054-1024x575.jpg 1024w, https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0054-768x431.jpg 768w, https://cybertwenty.com/wp-content/uploads/2025/12/IMG-20251210-WA0054-1140x640.jpg 1140w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure> </div> <footer class="post-footer"> <span class="post-author">By <a href="https://cybertwenty.com/author/kusuma170/" title="Posts by ezar" rel="author">ezar</a></span> <a href="https://cybertwenty.com/2025/12/10/vibing-wednesday/#respond" class="post-comments" >0 Comments</a> </footer> </article>  <a href="https://cybertwenty.com/2025/12/12/chill-friday/" title="Chill Friday" class="single-navigation previous-post"> <i class="fa-solid fa-angle-right"></i> </a>  <a href="https://cybertwenty.com/2025/12/09/energizing-tuesday/" title="Energizing Tuesday" class="single-navigation next-post"> <i class="fa-solid fa-angle-left"></i> </a> <div class="related-posts"> <h3>You May Also Like</h3> <section> <a href="https://cybertwenty.com/2018/07/19/cybertwenty-flyer/"><img width="232" height="330" src="https://cybertwenty.com/wp-content/uploads/2018/07/terbangan2.jpg" class="attachment-ashe-grid-thumbnail size-ashe-grid-thumbnail wp-post-image" alt="flyer" decoding="async" srcset="https://cybertwenty.com/wp-content/uploads/2018/07/terbangan2.jpg 560w, https://cybertwenty.com/wp-content/uploads/2018/07/terbangan2-211x300.jpg 211w" sizes="(max-width: 232px) 100vw, 232px" /></a> <h4><a href="https://cybertwenty.com/2018/07/19/cybertwenty-flyer/">CYBERTWENTY FLYER</a></h4> <span class="related-post-date">July 19, 2018</span> </section> <section> <a href="https://cybertwenty.com/2018/09/03/it-corner-3-9-18/"><img width="500" height="282" src="https://cybertwenty.com/wp-content/uploads/2018/09/IT-CORNER_180903_0001.jpg" class="attachment-ashe-grid-thumbnail size-ashe-grid-thumbnail wp-post-image" alt="" decoding="async" srcset="https://cybertwenty.com/wp-content/uploads/2018/09/IT-CORNER_180903_0001.jpg 2727w, https://cybertwenty.com/wp-content/uploads/2018/09/IT-CORNER_180903_0001-300x169.jpg 300w, https://cybertwenty.com/wp-content/uploads/2018/09/IT-CORNER_180903_0001-768x433.jpg 768w, https://cybertwenty.com/wp-content/uploads/2018/09/IT-CORNER_180903_0001-1024x577.jpg 1024w" sizes="(max-width: 500px) 100vw, 500px" /></a> <h4><a href="https://cybertwenty.com/2018/09/03/it-corner-3-9-18/">IT CORNER 3/9/18</a></h4> <span class="related-post-date">September 3, 2018</span> </section> <div class="clear-fix"></div> </div> <div class="comments-area" id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2025/12/10/vibing-wednesday/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://cybertwenty.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message">Required fields are marked <span class="required">*</span></span></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="comment-form-comment"><label for="comment">Comment</label><textarea name="comment" id="comment" cols="45" rows="8" maxlength="65525" required="required" spellcheck="false"></textarea></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='2539' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="99"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div> </div> </div> <div class="sidebar-right-wrap"> <aside class="sidebar-right"> <div id="text-6" class="ashe-widget widget_text"><div class="widget-title"><h2>Find Us</h2></div> <div class="textwidget"><p><strong>Address</strong><br /> Jl. Medokan Semampir 119 Sukolilo<br /> Surabaya, Jawa Timur</p> <p><strong>Hours</strong><br /> Monday—Friday: 9:00AM–5:00PM<br /> Saturday & Sunday: 11:00AM–3:00PM</p> </div> </div><div id="search-3" class="ashe-widget widget_search"><div class="widget-title"><h2>Search</h2></div><form role="search" method="get" id="searchform" class="clear-fix" action="https://cybertwenty.com/"><input type="search" name="s" id="s" placeholder="Search..." data-placeholder="Type then hit Enter..." value="" /><i class="fa-solid fa-magnifying-glass"></i><input type="submit" id="searchsubmit" value="st" /></form></div><div id="text-7" class="ashe-widget widget_text"><div class="widget-title"><h2>About This Site</h2></div> <div class="textwidget"><div class="textwidget"> <p>Website yang membahas tentang seputar perkembangan teknologi dan bidang IT.</p> <p>Made by CYBERTWENTY</p> </div> </div> </div> </aside> </div> </div> </div>  <footer id="page-footer" class="clear-fix">  <span class="scrolltop"> <i class="fa-solid fa-angle-up"></i> </span> <div class="page-footer-inner boxed-wrapper">  <div class="footer-widgets clear-fix"> <div id="block-8" class="ashe-widget widget_block widget_media_image"></div></div> <div class="footer-copyright"> <div class="copyright-info"> Copyright Cybertwenty 2026 © All rights reserved. </div> <div class="credit"> Ashe Theme by <a href="https://wp-royal-themes.com/"><a href="https://wp-royal-themes.com/">WP Royal</a>.</a> </div> </div> </div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/ashe\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <style id='core-block-supports-inline-css' type='text/css'> .wp-block-gallery.wp-block-gallery-1{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-block-gallery.wp-block-gallery-2{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}.wp-block-gallery.wp-block-gallery-3{--wp--style--unstable-gallery-gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );gap:var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );} </style> <script type="text/javascript" src="https://cybertwenty.com/wp-content/themes/ashe/assets/js/custom-plugins.js?ver=1.8.2" id="ashe-plugins-js"></script> <script type="text/javascript" src="https://cybertwenty.com/wp-content/themes/ashe/assets/js/custom-scripts.js?ver=1.9.7" id="ashe-custom-scripts-js"></script> <script type="text/javascript" src="https://cybertwenty.com/wp-includes/js/comment-reply.min.js?ver=6.8.3" id="comment-reply-js" async="async" data-wp-strategy="async"></script> </body> </html>