HTML iframe

HTML iframe is used to place another web page content within current web page.Basically, it is a container that shows other web page information within that container.

General syntax of iframes:

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

Example

Source Code

          <iframe src="hello.html" title="result page"></iframe>

Try it now

Note: Here, the URL specifies the address of the webpage while the title denotes the description of the web page.

Assigning Height And Width of An Iframe Using Iframe Property

Source Code

          <iframe src="/default.asp" width="100%" height="300" style="border:1px solid black;"></iframe>

Try it now

Note: To provide height and width of iframe, use height and width property of iframe.

Providing Height And Width of An iFrame Usign CSS

Source Code

          <iframe src="demo_iframe.htm" style="height:200px;width:300px;" title="Iframe Example"></iframe>

Try it now

Note:To provide height and width of iframe ,use height and width property of CSS.

Removing Iframe Border

Source Code

          <iframe src="demo_iframe.htm" style="border:none;" title="Iframe Example"></iframe>

Try it now

Note:HTML Iframe border can be removed very easily by CSS style property of border.

Providing Border Of Ifarme

Source Code

          <iframe src="demo_iframe.htm" style="border:2px solid red;" title="Iframe Example"></iframe>

Try it now

Note:The HTML iframe border can be provided by CSS style property of the border.

Online Test / Quiz

Question set 1

HTML iframe

Example

Assigning Height And Width of An Iframe Using Iframe Property

Providing Height And Width of An iFrame Usign CSS

Removing Iframe Border

Providing Border Of Ifarme

Online Test / Quiz

Web Tutorials