HTML5: How to specify the height of an iframe element?
Solution:
HTML Code:
<!DOCTYPE html><!-- Declaration specifying the document type -->
<html><!-- Opening tag for the root element of the HTML document -->
<head><!-- Opening tag for the document's header section -->
<meta charset="utf-8"><!-- Metadata tag specifying the character encoding of the document -->
<title>How to specify the height of an iframe element</title><!-- Title of the HTML document -->
</head><!-- Closing tag for the document's header section -->
<body><!-- Opening tag for the document's body section -->
<iframe src="https://www.w3resource.com/html-css-exercise/basic/solution/em-answer.html" width="70%" hight="300"><!-- Inline frame element displaying content from an external source -->
</iframe><!-- Closing tag for the iframe element -->
</body><!-- Closing tag for the document's body section -->
</html><!-- Closing tag for the root element of the HTML document -->
Explanation:
- This HTML code demonstrates how to specify the height of an iframe element to display content from an external source within the HTML document.
- The <iframe> element is used to embed content from another HTML document or website.
- The src attribute specifies the URL of the external content to be displayed within the iframe.
- The width attribute sets the width of the iframe to 70% of its container.
- However, there is a typo in the code where "hight" should be corrected to "height" for the height attribute.
- The height attribute is intended to specify the height of the iframe, but it is misspelled as "hight".
Live Demo:
See the Pen iframe-height-answer by w3resource (@w3resource) on CodePen.
See the solution in the browser
Supported browser
 |
 |
 |
 |
 |
| Yes | Yes | Yes | Yes | Yes |
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.