<frameset rows=#>
<frameset rows=30%,30%,*><frame src="baidu.htm"/>
<frame src="sina.html"/>
<frame src="51cto.html"/>
<frameset>
实例（不能放在body中）：
<!doctype html><html>
<head>
<meta charset=utf-8/>
<title>多窗口布局</title>
</head>
<frameset rows=30%,30%,*>
<frame src="recipes.html"/>
<frame src="egg.html"/>
<!-- <frame src="logo.bmp"> -->
</frameset>
属性frameboder设定分割线宽度，为零时，不可以拖动其布局。同时，可以使用noresize进制调整大小。
<frameset rows=130px,* frameborder=1><frame src="toplist.html" noresize/>
开始系统点学习编写网页代码。
egg.html
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>美食网 - 西红柿炒鸡蛋</title>
<link type="text/css" rel="stylesheet" href="layout.css">
</head>
<body>
<div class="header">
<div class="login-bar">
<a class="qq-login" href="#">QQ登陆</a>
<a class="weibo-login" href="#">微博登陆</a>
</div>
<!-- <h1>美食网</h1> -->
<div class="logo">
<img src="logo.gif" alt="美食网">
</div>
<ul class="nav">
<li><a href="home.html">主页</a></li>
<li><a href="recipes.html">美食</a></li>
<li><a href="suggest.html">建议</a></li>
</ul>
</div>
<div class="content">
<h2>西红柿炒鸡蛋</h2>
<p>这道菜，你是不知道，家家户户都爱吃，可是每个人都不会做。这可怎么办呢？今天呀，美食网就来帮助大家做这道菜。我们一起来完成吧！</p>
<p><a href="legal.html">免责声明</a></p>
<h3>材料</h3>
<ul>
<li>中型4个西红柿</li>
<li>土鸡蛋4个</li>
<li>盐5克</li>
<li>食用植物油少许</li>
<li>葱丝、<a target="_blank" href="http://item.jd.com/10343917576.html">白糖</a>、<a target="_blank" href="https://item.jd.com/964437.html">料酒</a></li>
<li><strong>炒鸡蛋千万不能放味精</strong></li>
</ul>
<h3>步骤</h3>
<ol>
<li>打好鸡蛋、切好西红柿、葱丝。</li>
<li>放油少许，把葱丝略炒。</li>
<li>先炒鸡蛋，记得放盐。</li>
<li>待鸡蛋稍硬，放入切好的西红柿。</li>
<li>炒到西红柿有点变形，放入白糖和料酒。</li>
<li>搅拌均匀后，准备出锅、加入葱丝，装盘。</li>
</ol>
<h3>美食图片展示</h3>
<ul class="photos">
<li><img src="eg/01.jpg" alt="展示01"></li>
<li><img src="eg/02.jpg" alt="展示02"></li>
<li><img src="eg/03.jpg" alt="展示03"></li>
<li><img src="eg/04.jpg" alt="展示04"></li>
<li><img src="eg/05.jpg" alt="展示05"></li>
<li><img src="eg/06.jpg" alt="展示06"></li>
</ul>
</div>
<div class="geli"></div>
<div class="copyright">
<div class="text-center height-big">
版权所有 招财网 西安招财投资服务有限公司 地址：西安市高新区锦业路东段32号锦业时代广场B1栋26层 电话：4000-94-4000
<br>陕ICP备14007227号
</div>
</div>
</body>
</html>
相关文章
精彩导读
热门资讯
关注我们
