Using Frame Divide The Web Page As Given
Practical : 7
Subject : Web Technology
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:
Comments
Post a Comment