HTML Iframes HTML
- HTML Introduction
- HTML Tags
- HTML Basic Examples
- HTML Headings
- HTML Paragraphs
- HTML Links
- HTML Images
- HTML Buttons
- HTML Lists
- HTML Attributes
- HTML Horizontal Rules
- The HTML <head> Element
- The HTML <pre> Element
- The HTML Style Attribute
- HTML Text Formatting
- HTML Quotation and Citation Elements
- HTML Comment Tags
- HTML Colors
- Styling HTML with CSS
- HTML Tables
- HTML Lists
- HTML The class Attribute
- HTML The id Attribute
- HTML Iframes
- HTML Form Elements
HTML Iframes
Iframe Syntax
An HTML iframe is defined with the <iframe>
tag:
The src
attribute specifies the URL (web address) of the inline frame page.
Iframe - Set Height and Width
Use the height
and width
attributes to specify the size of the iframe.
The height and width are specified in pixels by default:
Or you can use CSS to set the height and width of the iframe:
Iframe - Remove the Border
By default, an iframe has a border around it.
To remove the border, add the style
attribute and use the CSS border
property:
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:
Example
<iframe height="300px" width="100%" src="https://www.w3tpoint.com" name="iframe_a"></iframe>
<p><a href="https://www.w3tpoint.com/html" target="iframe_a">W3Schools.com</a></p>