How to set height of an iframe element using HTML ? Last Updated : 26 Nov, 2020 Summarize Comments Improve Suggest changes Share Like Article Like Report The iframe in HTML stands for Inline Frame. The "iframe" tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders. An inline frame is used to embed another document within the current HTML document. The HTML <iframe> height attribute is used to specify the height of the <iframe> in terms of pixels. Syntax: <iframe height="pixels"> Example: HTML <!DOCTYPE html> <html> <head> <title> How to specify the height of an iframe element using HTML? </title> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2> How to specify the height of an iframe element using HTML? </h2> <iframe src= "https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-13.png" height="100" width="400"> </iframe> </body> </html> Output: Supported Browsers: Google ChromeInternet ExplorerFirefoxSafariOpera Comment More infoAdvertise with us Next Article How to get the height of a div using jQuery ? V vkash8574 Follow Improve Article Tags : Web Technologies HTML HTML-Questions Similar Reads How to specify name of an iframe element using HTML ? The iframe in HTML stands for Inline Frame. The "iframe" tag defines a rectangular region within the document in which the browser can display a separate document, including scrollbars and borders. An inline frame is used to embed another document within the current HTML document. The HTML iframe na 1 min read How to Set Width and Height of an Image using HTML? When adding images to a webpage, it's important to set their dimensions using the height and width attributes in HTML. Without these dimensions, the browser won't know how much space to reserve for the image, which can cause layout shifts that disrupt the viewing experience. Note: Always specify the 2 min read How to get HTML content of an iFrame using JavaScript ? The <iframe> tag specifies an inline frame. It allows us to load a separate HTML file into an existing document. Code snippet:function getIframeContent(frameId) { let frameObj = document.getElementById(frameId); let frameContent = frameObj. contentWindow.document.body.innerHTML; alert("frame c 1 min read How to insert HTML content into an iFrame using jQuery? Here is the task to insert HTML content into an iFrame using jQuery. To do so, we can use the jQuery contents() method. The .contents() method: It returns all the direct children, including text and comment nodes for the selected element. Syntax: $(selector).contents()Find the iframe in the body sec 2 min read How to get the height of a div using jQuery ? In this article, we will learn how to get the height of a div using jQuery. In jQuery, height method is used to get the height of any element in HTML. The height method sets and returns the height of the HTML elements. Method 1: The height() method returns the first matched element's height, But the 3 min read How to get the rendered height of an element ? To get the height of an element, there are five common methods in JavaScript. Lets see the differences between each and when they should be used. Only the last method gives the correct rendered height instead of the layout height. style.height jQuery( height, innerHeight, outerHeight ) clientHeight, 10 min read Like