Mastering HTML Iframes: Syntax, Sizing, Borders, and Link Targeting ExplainedHTML tags are powerful tools used to embed external content like websites, documents, or videos within a web page. In this guide, we’ll walk you through the syntax, customization options, and useful tricks to help you make the most of iframes in modern web development.</p> </article> </div> </main> <div data-elementor-type="footer" data-elementor-id="371" class="elementor elementor-371 elementor-location-footer" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-bcdd301 e-flex e-con-boxed e-con e-parent" data-id="bcdd301" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-255864b e-con-full e-flex e-con e-child" data-id="255864b" data-element_type="container"> <div class="elementor-element elementor-element-645a989 elementor-widget elementor-widget-image" data-id="645a989" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <a href="https://phptraininginambala.in"> <img width="424" height="183" src="https://phptraininginambala.in/wp-content/uploads/2023/04/php_training_light.png" class="attachment-full size-full wp-image-3841" alt="" srcset="https://phptraininginambala.in/wp-content/uploads/2023/04/php_training_light.png 424w, https://phptraininginambala.in/wp-content/uploads/2023/04/php_training_light-300x129.png 300w" sizes="(max-width: 424px) 100vw, 424px" /> </a> </div> </div> <div class="elementor-element elementor-element-fa05d2c e-flex e-con-boxed e-con e-child" data-id="fa05d2c" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-b32ec70 e-grid-align-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="b32ec70" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <div class="elementor-social-icons-wrapper elementor-grid" role="list"> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-grow elementor-repeater-item-aff3110" href="https://www.facebook.com/profile.php?id=61578508177880" target="_blank"> <span class="elementor-screen-only">Facebook</span> <i class="fab fa-facebook"></i> </a> </span> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-animation-grow elementor-repeater-item-2e12120" href="https://x.com/phptraining5675" target="_blank"> <span class="elementor-screen-only">Twitter</span> <i class="fab fa-twitter"></i> </a> </span> <span class="elementor-grid-item" role="listitem"> <a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-grow elementor-repeater-item-2d57ebf" href="https://www.instagram.com/phptraininginmabala/" target="_blank"> <span class="elementor-screen-only">Instagram</span> <i class="fab fa-instagram"></i> </a> </span> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5aa091c e-con-full e-flex e-con e-child" data-id="5aa091c" data-element_type="container"> <div class="elementor-element elementor-element-3d831a0 elementor-widget elementor-widget-heading" data-id="3d831a0" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Links</h2> </div> </div> <div class="elementor-element elementor-element-cb0c2b5 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="cb0c2b5" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="/home"> <span class="elementor-icon-list-text">Home</span> </a> </li> <li class="elementor-icon-list-item"> <a href="/about-us"> <span class="elementor-icon-list-text">About us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="/blog"> <span class="elementor-icon-list-text">Blog</span> </a> </li> <li class="elementor-icon-list-item"> <a href="/projects"> <span class="elementor-icon-list-text">Projects</span> </a> </li> <li class="elementor-icon-list-item"> <a href="/contact"> <span class="elementor-icon-list-text">Contact</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-57f4236 e-con-full e-flex e-con e-child" data-id="57f4236" data-element_type="container"> <div class="elementor-element elementor-element-caa0184 elementor-widget elementor-widget-heading" data-id="caa0184" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Quick Links</h2> </div> </div> <div class="elementor-element elementor-element-996e5d0 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="996e5d0" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-double-right"></i> </span> <span class="elementor-icon-list-text"> Web Designing</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-double-right"></i> </span> <span class="elementor-icon-list-text"> Custom Web Design</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-double-right"></i> </span> <span class="elementor-icon-list-text"> Web Re-Design</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-double-right"></i> </span> <span class="elementor-icon-list-text"> Web Development</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-double-right"></i> </span> <span class="elementor-icon-list-text"> Website Maintenance</span> </a> </li> <li class="elementor-icon-list-item"> <a href="#"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-angle-double-right"></i> </span> <span class="elementor-icon-list-text"> Website Designing Packages</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-7f18001 e-con-full e-flex e-con e-child" data-id="7f18001" data-element_type="container"> <div class="elementor-element elementor-element-8960fae elementor-widget elementor-widget-heading" data-id="8960fae" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Get In Touch</h2> </div> </div> <div class="elementor-element elementor-element-b6fe014 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="b6fe014" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://www.google.com/maps/place/Magik+Web+Services/@30.3665432,76.7729373,19.75z/data=!4m10!1m2!2m1!1sSCO-112,Sector-8,+Ambala+city,+Haryana+134003.!3m6!1s0x390fc95b3fbb1729:0x69f427e874c64601!8m2!3d30.3666746!4d76.7729108!15sCi5TQ08tMTEyLFNlY3Rvci04LCBBbWJhbGEgY2l0eSwgSGFyeWFuYSAxMzQwMDMukgEQY29ycG9yYXRlX29mZmljZeABAA!16s%2Fg%2F11kjn9lnns" target="_blank"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-location-arrow"></i> </span> <span class="elementor-icon-list-text">SCO-112, Second Floor, Sector 8, Ambala, Haryana 134003</span> </a> </li> <li class="elementor-icon-list-item"> <a href="tel:%209896290323"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-phone-alt"></i> </span> <span class="elementor-icon-list-text">+91 98962-90323</span> </a> </li> <li class="elementor-icon-list-item"> <a href="tel:%209034190323"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-phone-alt"></i> </span> <span class="elementor-icon-list-text">+91 90341-90323</span> </a> </li> <li class="elementor-icon-list-item"> <a href="mailto:help@phptraininginambala.in" target="_blank"> <span class="elementor-icon-list-icon"> <i aria-hidden="true" class="fas fa-envelope"></i> </span> <span class="elementor-icon-list-text">help@phptraininginambala.in</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-54813f0 e-flex e-con-boxed e-con e-parent" data-id="54813f0" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-76d37a1 elementor-widget elementor-widget-heading" data-id="76d37a1" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Copyright © 2025 PHP Training In Ambala. All rights reserved.</h2> </div> </div> <div class="elementor-element elementor-element-a1f6dd9 elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="a1f6dd9" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <a href="/privacy-policy/"> <span class="elementor-icon-list-text">Privacy Policy</span> </a> </li> </ul> </div> </div> </div> </div> </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\/hello-elementor\/*","\/*\\?(.+)"]}},{"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> <script src="https://phptraininginambala.in/wp-content/themes/hello-elementor/assets/js/hello-frontend.js?ver=3.4.4" id="hello-theme-frontend-js"></script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.30.3" id="elementor-webpack-runtime-js"></script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.30.3" id="elementor-frontend-modules-js"></script> <script src="https://phptraininginambala.in/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.30.3","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"cloud-library":true,"e_opt_in_v4_page":true},"urls":{"assets":"https:\/\/phptraininginambala.in\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/phptraininginambala.in\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/phptraininginambala.in\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"946da3a869"},"swiperClass":"swiper","settings":{"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":0,"title":"IframeTutorial Archives - Php Training","excerpt":""}}; </script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.30.3" id="elementor-frontend-js"></script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.30.1" id="e-sticky-js"></script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.30.1" id="elementor-pro-webpack-runtime-js"></script> <script src="https://phptraininginambala.in/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script src="https://phptraininginambala.in/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="elementor-pro-frontend-js-before"> var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/phptraininginambala.in\/wp-admin\/admin-ajax.php","nonce":"65d3ce96fb","urls":{"assets":"https:\/\/phptraininginambala.in\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/phptraininginambala.in\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/phptraininginambala.in\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; </script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.30.1" id="elementor-pro-frontend-js"></script> <script src="https://phptraininginambala.in/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.30.1" id="pro-elements-handlers-js"></script> </body> </html>
