Using Frames Divide the web page.
First Frame HTML Code
<html>
<head><title>1</title></head>
<body>
<p><h1>This is a Header.</h1></p>
</body>
</html>
<head><title>1</title></head>
<body>
<p><h1>This is a Header.</h1></p>
</body>
</html>
Second Frame HTML Code
<html>
<head>
<title>
2
</title>
</head>
<body>
<p>Look in the box at</p>
<p>the right for some</p>
<p>information.</p>
</body>
</html>
<head>
<title>
2
</title>
</head>
<body>
<p>Look in the box at</p>
<p>the right for some</p>
<p>information.</p>
</body>
</html>
Third Frame HTML Code
<html>
<head>
<title>3</title>
</head>
<body>
<p>hear is some information.</p>
</body>
</html>
<head>
<title>3</title>
</head>
<body>
<p>hear is some information.</p>
</body>
</html>
Fourth Frame HTML Code
<html>
<head>
<title>4</title>
</head>
<body>
<p><h1>This is a footer.</h1></p>
</body>
</html>
<head>
<title>4</title>
</head>
<body>
<p><h1>This is a footer.</h1></p>
</body>
</html>
Main Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Divide a page in to frames</title>
</head>
<body>
<frameset rows="10%,80%,*">
<frame name="t1" src="1.html"></frame>
<frameset cols="30%,*">
<frame name="t2" src="2.html"></frame>
<frame name="t3" src="3.html"></frame>
</frameset>
<frame name="t4" src="4.html"></frame>
</frameset>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Divide a page in to frames</title>
</head>
<body>
<frameset rows="10%,80%,*">
<frame name="t1" src="1.html"></frame>
<frameset cols="30%,*">
<frame name="t2" src="2.html"></frame>
<frame name="t3" src="3.html"></frame>
</frameset>
<frame name="t4" src="4.html"></frame>
</frameset>
</body>
</html>
Output
Comments
Post a Comment