HTML IFrames

The iframe HTML is used for showing a web page in a web page.

A inline frame is specified by the HTML iframe Tag.

A new document is integrated into the current HTML content using an inline frame.

syntax

<iframe src="url" title="description">

Tip: Including a title attribute for the iframe is excellent practise. This is used to read the contents of the iframe by the display readers.

To specify the size of the iframe, use the height and width parameters.

Default pixels specify height and width:

Example

<iframe src="html-resources/demo.htm" height="120" width="180" title="Iframe Example"></iframe>

Or you may add the CSS height and width features by using the style attribute:

<iframe src="html-resources/demo.htm" style="height:120px;width:180px;" title="Iframe Example"></iframe>

Result of the above query

An iframe has a border around it by default.

Add the style attribute and utilise the CSS border property for removing the border.

Example

<iframe src="html-resources/demo.htm" style="border:none;" title="Remove Iframe Border"></iframe>

Result of the above query

The size, style and colour of the iframe border may also be changed with CSS:

Example

<iframe src="html-resources/demo.htm" style="border:2px dotted red;" title="Iframe Example"></iframe>

Result of the above query

The target frame for a link can be an iframe..

The iframe's name attribute must be referenced by the link's target attribute::