Page 89 - Computer - 8
P. 89
INSERTING FRAMES
A Frame is a rectangular area in a web browser that displays an HTML document. By default, a web
browser contains a single frame to display one HTML document. You can display multiple HTML
documents in the same browser window by creating multiple frames.
The most common use of frames is to display a menu of options in one frame and the corresponding
information in another frame.
Inline Frame <iframe> Tag
An <iframe> tag is a container tag used to define a frame in a web page. The various attributes of the
<iframe> tag are described below.
Attribute Description Value(s)
src Specifies the URL address of the web page to be displayed in the frame. URL
height Specifies the height of the frame. value in pixels
width Specifies the width of the frame. value in pixels
seamless Specifies that the frame looks like a part of the containing document empty seamless
without a border or scroll bar).
Lab Activity 8
To display two web pages within a same browser window. Experiential Learning
1. Open Notepad and create the HTML document as shown below.
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <title> Types of Software </title> </head>
<head> <title> Computer Software </title> </head> <style type=“text/css”>
<style type=“text/css”> h1 {color: Red; text-align: center; font-size: 30px}
h1 {color: Blue; text-align: center; font-size: 40px} p {color: blue; text-align: left; font-size: 25px}
p {color: green; text-align: left; font-size: 25px} li {color: green; font-size: 20px}
</style> </style>
<body>
<body> <h1> Types of Software </h1>
<h1> Computer Software </h1> <p> <b> Software can be divided into the following
<p> <b> All hardware requires instructions to perform categories: <b> </p>
its tasks. These instructions are called programs <ol>
<li> <b> System Software </b> </li>
or Software. Software is written in one of severeal <ul> <li> Operating System </li>
programming languages. </p> <li> Utility Software </li>
<p> <b> Software is of different types, depending on its <li> Language Processors </li>
purpose and scope of functionality. </b> </p> </ul>
</body> <li> <b> Application Software </b> </li>
<ul> <li> General-purpose Application Software </li>
</html> <li> Customised Application Software </li>
<li> Language Processors </li>
</ul>
</ol>
</body>
</html>
Save the first document with the name ‘ComputerSoftware.html’ and the second document with the
name ‘Types of Software.html’.
Create the third HTML document as shown below and save it with the name ‘Frames in HTML.html’.
Open the document named ‘Frames in HTML.html’ in Microsoft Edge.
87
