What is iFrame

If you want to display a portion or a whole website in any of your pages, you can create an iFrame to do it. It can come in the form of a scrolling text box following a fixed size. Or it can fill up an entire window, with just your website’s header showing.

If you find iFrames useful for your site, here’s a simple tutorial on how to make them:

1. First, determine the URL of the site that you would like to display inside the iFrame.
2. Determine the right width and the height.
3. Now, copy the following code in a notepad. A few editing is needed.

<iFrame src=”http://www.yourdomain.com” style=”border:1px blue solid;” name=”frame1″ scrolling=”auto” frameborder=”yes” align=”center” height = “200px” width = “300px”>
</iFrame>

4. Change the following:

a. Source (src)
http://www. yourdomain.com to the URL you’d like use.

b. Style
The border used for the code is 1 pixel. Change it if you want a wider border. Or take everything out if you don’t.
The border is also filled with solid blue color. Change the color if you want.

c. Name
The name given to this code is frame1. It’s possible to change this too. Or just leave it as is.

d. Scrolling
Here, the scrolling used is auto. It’s best that you leave it as such. Otherwise, change it to “yes” or “no” as needed.

e. Frame border
If you want your iFrame to have a boarder, add this code.

f. Alignment
Your choices are center, left, and right.

g. Height and width
Put in the size you have determined for your iFrame. Change the height and width values accordingly. Measurement is in pixels.

5. After editing the code above, the iFrame should be ready for your website. Copy the code and paste it exactly where you would like the iFrame to appear.