HTML Iframes

An HTML iframe is used to display a web page within a web page. The HTML <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document. It is a good practice to always include a <title> attribute for the <iframe>. This is used by screen readers to read out what the content of the iframe is. The height and width are specified in pixels by default.

You can use the height and width attributes to specify the size of the iframe:

Remove the Iframe Border

By default, an iframe has a border around it. To remove the border, addd the <style> attribute and use the CSS <border> property.

To remove the default border of the iframe, use CSS:

Custom Iframe Border

With CSS you can also change the size, style and color of the iframe's border.

With CSS, you can also change the size, style and color of the iframe's border:

Iframe - Target for a Link

An iframe can be used as the target frame for a link. The <target> attribute of the link must refer to the <name> attribute of the iframe.

W3Schools.com

When the target attribute of a link matches the name of an iframe, the link will open in the iframe.