Using frame Divide the web page as given

Practical : 7
Subject : Web Technology
Aim : Using frame Divide the web page as following.

Code:

Frames.html

<!DOCTYPE html>
<html>
<head>
            <title>Frames</title>
</head>
<frameset rows="25%,50%,25%" >
                        <frame src="header.html"></frame>
                        <frameset cols="40%,*">
                        <frame src="frame1.html"></frame>
                        <frame src="frame2.html"></frame>
                        </frameset>
                        <frame src="footer.html"></frame>
            </frameset>
<body>
</body>
</html>

header.html

<!DOCTYPE html>
<html>
<head>
            <title>Header</title>
</head>
<body>
<h1>This is a header.</h1>
</body>
</html>

footer.html

<!DOCTYPE html>
<html>
<head>
            <title>Footer</title>
</head>
<body>
<h1>This is a footer.</h1>
</body>
</html>

frame1.html

<!DOCTYPE html>
<html>
<head>
            <title>frame 1</title>
</head>
<body>
<h4>Look in the box at<br>the right for some<br>information.</h4>
</body>
</html>

frame2.html

<!DOCTYPE html>
<html>
<head>
            <title>frame 2</title>
</head>
<body>
<h4>Here is some information.</h4>
</body>
</html>

Output:

Previous
Next Post »

Ads