文章目录
一、题目要求
二、代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>框架标签</title>
</head>
<frameset rows="80%,20%" bordercolor="green">
<frameset cols="20%,*">
<frame src="win001.html">
<frame src="win002.html" name="这里">
</frameset>
<frame src="win003.html">
</frameset>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>左侧章节</title>
</head>
<body>
<a href="win002.html" target="这里">第一章</a>
<br>
<a href="win0021.html" target="这里">第二章</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第一章</title>
</head>
<body>
<h1>第一章绪论</h1>
<p>本章简述课程的要点...</p>
<br>
<h4 align="center"><a href="#software">返回</a></h4>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>联系地址人</title>
</head>
<body>
<font size="5"><b>联系人地址:test@gu.com</b></font>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>第二章 Web服务端</h1>
<p>本章简述课程的要点...</p>
<br>
<h4 align="center"><a href="#software">返回</a></h4>
</body>
</html>
三、运行结果
四、注意事项
- 注意处理多文件之间的关系
- 如图文件名不要搞错