HTML-后台管理页⾯的制作（框架标签）页⾯框架
index.html
<!DOCTYPE HTML PUBLIC "‐//W3C//DTD HTML 4.01 Frameset//EN"
"/TR/html4/frameset.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=UTF‐8" />
<title></title>
</head>
<!‐‐将原来的body换成frameset‐‐>
<frameset rows="80,*" border="2">
<!‐‐noresize 表⽰不能修改框架的⼤⼩‐‐>
<frame src="top.html" noresize="noresize"/>
<!‐‐下⾯⼜分成左右两个部分‐‐>
<frameset cols="120, *">
<frame src="left.html" />
<frame src="main.html" name="main"/>
</frameset>
</frameset>
</html>
top.html
<!DOCTYPE html PUBLIC "‐//W3C//DTD HTML 4.01//EN"
"/TR/html4/strict.dtd">
<html xmlns="/1999/xhtml" >
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=UTF‐8" />
<title></title>
</head>
<body>
<h2>公司的Logo</h2>
</body>
</html>
left.html
<!DOCTYPE html PUBLIC "‐//W3C//DTD HTML 4.01//EN"
"/TR/html4/strict.dtd">
<html xmlns="/1999/xhtml" >
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=UTF‐8" />            <title></title>
</head>
<body>
<h3>菜单项</h3>
<a href="welcome.html" target="main">欢迎页⾯</a>
<hr />
<a href="#">菜单选项</a>
<hr />
<a href="#">菜单选项</a>
<hr />
<a href="#">菜单选项</a>
<hr />
<a href="#">菜单选项</a>
<hr />
<a href="#">菜单选项</a>
</body>
</html>
main.html
<!DOCTYPE html PUBLIC "‐//W3C//DTD HTML 4.01//EN"
"/TR/html4/strict.dtd">
<html xmlns="/1999/xhtml" >
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=UTF‐8" />            <title></title>
</head>
<body>
<h1>显⽰的主要内容main</h1>
</body>
</html>
welcome.html
<!DOCTYPE html PUBLIC "‐//W3C//DTD HTML 4.01//EN"
"/TR/html4/strict.dtd">
<html xmlns="/1999/xhtml" >
<head>
<meta http‐equiv="Content‐Type" content="text/html; charset=UTF‐8" />            <title></title>
</head>
html frame<body>
<h2>欢迎主页⾯</h2>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。