HTML5: How to define an inline frame?
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 define an inline frame</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/code-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 define an inline frame (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.
- In this example, the iframe displays content from the URL "https://www.w3resource.com/html-css-exercise/basic/solution/code-em-answer.html".
- Additional attributes such as width and height can be used to control the size of the iframe.
- However, there is a typo in the code where "hight" should be corrected to "height" for the height attribute.
Live Demo:
See the Pen iframe-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.