HTML框架

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后边

 

posted @ 2017-06-04 18:52  mary_chrisma  阅读(199)  评论(0编辑  收藏  举报