1.主页
<!doctype html> <html> <head> <meta charset="utf-8"> <title>my音乐网站</title> </head> <frameset rows="25%,60%,15%"> <frame src="ding.html"/> <frameset cols="30%,70%"> <frame src="zuo.html"/> <frame src="you.html"/></frameset> <frame src="dibu.html"/> </frameset> <noframes></noframes> <body> </body> </html>
2.顶部
!doctype html> <html> <head> <meta charset="utf-8"> <title>顶</title> </head> <body> <img style="max-width:100%; max-height:100%" width="2000" height="180" src="../one/images/bg.jpg" </body> </html>
3.底部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body bgcolor="#CC9999">
JKJDSADHS
</body>
</html>
运行：
注：
中间部分再做一个界面进行分割，即：
1.主页
<!doctype html> <html> <head> <meta charset="utf-8"> <title>my音乐网站</title> </head> <frameset rows="25%,60%,15%"> <frame src="ding.html"/> <frame src="zhong.html/> <frame src="dibu.html"/> </frameset> <noframes></noframes> <body> </body> </html>
2.中间
<!doctype html> <html> <head> <meta charset="utf-8"> <title>my音乐网站</title> </head> <frameset cols="30%,70%"> <frame src="zuo.html"/> <frame src="you.html"/></frameset> <noframes></noframes> <body> </body> </html>
切记：frame放在body前边，head后边
原文：http://www.cnblogs.com/mary-chrisima/p/6941465.html