跳转至

html Frame 框架简单使用

首先撰写index.html,也就是默认页

Bash
1
2
3
4
5
6
7
root@pts/0 # cat index.html 
<html>
<frameset cols="120,*">
<frame name="daohang" src="daohang.html" />
<frame name="content" src="front.pdf" />
</frameset>
</html>

再次写导航里的页面，也就是左边框的定义

Bash
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
root@pts/0 # cat daohang.html 
<html>
<head>
</head>
<body>
<style>
a:link { 
color:#FF0000; 
text-decoration:underline; 
} 
a:visited { 
color:#00FF00; 
text-decoration:none; 
} 
a:hover { 
color:#000000; 
text-decoration:none; 
} 
a:active { 
color:#FFFFFF; 
text-decoration:none; 
}
.font_01 { font-size:8px;}
</style>
 <p><a href="front.pdf" target="content" class="font_01">前台系统架构图 </a></p>
 <p><a href="baby.pdf" target="content" class="font_01">baby计划架构图</a></p>
  <p><a href="db.pdf" target="content" class="font_01">数据库架构图</a></p>
 <p><a href="apollo.pdf" target="content" class="font_01">apollo架构图</a></p>
</body>
</html>

如下：

架构图