HTML5: How to specify the name of an iframe element?

Last update on August 19 2022 21:50:51 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>How to specify the name of an iframe element</title>
</head>
<body>
  <iframe src="https://www.w3resource.com/html-css-exercise/basic/solution/article-answer.html" name ="iframe_a">
</iframe>
<a href="https://www.w3resource.com/html-css-exercise/basic/solution/article-answer.html" target="iframe_a">w3resource</a>
</iframe>
<p><b>Note:</b> Because the target of the link matches the name of the iframe, the link will open in the iframe.</p>
</body>
</html>

Live Demo:

See the Pen iframe-name-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

HTML-CSS: Tips of the Day

Stretch and scale CSS background:

For modern browsers, you can accomplish this by using background-size:

body {
    background-image: url(bg.jpg);
    background-size: cover;
}