In this lecture we're going to explore working with AI frames an AI frame is an HMO document embedded
inside another.
Each team will document AI frames are commonly used to insert content from another source into a web
page
for the purpose of this lesson.
We want to build a page that allows users to conduct searches on multiple search engines from a single
page as shown in this example.
Here we can search both ask.com and being dot.com search engines and the search results will load in
their corresponding I frame
to begin.
You'll need to open your text editor and create a basic HMO page as shown here
once complete save your pages.
I frames dot HMO anywhere on your computer.
Next we'll need to add our eye frames into the page an eye frame can be added with the eye frame tag
we'll add this tag into the body of our each email document.
This is the open I frame tag and I'll also insert the close I frame day the I frame tag has different
attributes we can apply the first attribute is the eye frame source
and that's the source of the web page that will be displayed within this eye frame.
Next we can specify the width of the eye frame
we use 100 percent as the width and we can also specify a height and for that we'll use 400
No not all Web browsers support i frames so the next thing we want to do
is we just want to include
a line of code that will be displayed if the user's browser does not support IE frames.
So in this case the user will know to either use a different browser
or update their existing browser so that's our first frame and we're gonna copy this block of code and
paste it and this time just switch the eye frame source attribute to being dot com
which is the other search engine we want to display now go ahead and save your file and preview this
in your web browser.
And as you can see both pages ask.com and Bing dot com are displayed in this single HDMI document and
contained within an ivory.