frameset.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<frameset rows="80,*">
<frame name="top" src="top.html">
<frameset cols="150,*">
<!--锚点lower_left和lower_right-->
<frame name="lower_left" src="c.html">
<farme name="lower_right" src="#"></farme>
</frameset>
</frameset>
</body>
</html>
c.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="product.html" target="lower_right">商品信息</a><br><br/>
<a href="order.html" target="lower_right">订单信息</a>
<a href="notice.html" target="lower_right">公告信息</a>
</body>
</html>
product.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
商品信息详情页。。。。。
</body>
</html>
order.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
商品信息详情页。。。。。
</body>
</html>
notice.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
公告信息详情页...........
</body>
</html>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/413827485e8c88d99ebb8c85d34b148a.png)