1,新建html,刪除body,添加一下內容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<frameset rows="100px,*">
<frame src="header.html" />
<frameset cols="100px,*">
<frame src="left.html" />
<frame name="content" />
</frameset>
</frameset>
</html>
2.header。html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
我是header
</body>
</html>
3.left.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="content1.html" target="content">連接1</a><br>
<a href="content2.html" target="content">連接2</a>
</body>
</html>
4 content1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
我是content1
</body>
</html>
5 content2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
我是content2
</body>
</html>
6效果