Skills Builder

Iframes


Homepage

Iframes


Explaining simple tags
Explaining simple tags2
Explaining simple tags3
Browsers and Notepad
Playing with Fonts
Colors and Tags
Learning to Link
Inching through Images
Inching a Bit More with Images
Terrific Tables to Try
Building Borders
Wrapping Text
Terrific Tables Two
Color
Pat's Web Page
Making Lists Long and Short
The Mail Command
Basic Frames
Making Forms
Making More Forms
Making Buttons One
Making Buttons Two
IFrames
Appendix
Iframes are so neat! I just recently learned about them, so I am not sure I can yet explain them. But let me try, because, shucks guys, I am a teacher! The way I understand iframes to work is that it is sort of like putting a scrolling window page within a page. Think of a picture within a common webpage. Now think of that picture as another captured webpage showing within your first page. That is iframes, and they can be used to produce very neat effects!
Notice what I did. I put the first page of this course into a picture form, designated as an iframe.

































Here is a better example. These are pictures of the way my grandchildren are right now. They have certainly grown since I first started teaching this course!





Notice how the page can be set to scroll for as long as I want.
In fact, I could have kept showing you pictures until your eyes blurred.
Feel lucky, I was trying to be considerate and just make a point! The html code is made just like this. You will need to have made a separate page, called noiframe in this instance, which fits into the page. Remember to think of iframes as a way of sticking in another web page just as you would stick in a simple picture. But it is so much more!
That's all I have to say about that!

Code: <iframe width=400 height=600 src="noiframe.htm" align=left frameborder=10 hspace=10 vspace=10> </iframe>