网页中的框架应用详解

框架标记在HTML中，使用框架标记可以将一个窗口分割成儿个子窗口，以便在每个窗口中同时显示几个不同的HTML文件。框架结构的文件格式与一般的HTML文件类似，只是将标记代替了标记，它不包含具体.显示的文本和图像，是框架使川中最摹础的文档。整个主文档使用...来包括各个框架页面，每一个框架页面的位置、大小和初始页面文件名称在标记中进行定义。图所示为三框架结构的页面，其源文件如下:动物知识<'title>< head><frameset rows="80,*" frameborder-"no" border--"O" framespacing="0"> <fame src="top.html" name="shang" scroll ing="No" noresize="noresize"> <frameset cols="157,"" framespacing="0" frameborder="no" border-"O"> <frame src="left.html" name="zuo" scrolling-”No" noresize="noresize"> <frame src="right.html" name="you"> </fameset></fameset><noframes><body></body></noframes></html> <frameset>标记为成对标记，一其主要属性如下: cols:定义纵向分割当前窗口，用像素或百分比(%)来表示各列所在的框架占整个窗口的宽度，*表示剩余部分。 rows:定义横向分割当前窗口，用像素或百分比(%)来表示各行所在的框架占整个窗口的高度，*表示剩余部分。 2.框架标记<frame> <frame>标记用于定义每一个框架页面的位置、大小和初始页面文件名称等。<frame>标记是非成对标记，其主要属性如下: name:定义此框架的名称。 src:定义此框架链接HTML文件的地址。 scrolling:定义是否显示滚动轴，属性值可以是yes(显示)、no(不显示)和auto(根据需要自动显示)。 noresize:不允许用户改变此框架的大小。 3.无框架标记<noframes> <noframes>标记用来在那些不支持框架的浏览器中显示文本或图像信息，是成对标记。</div><div class="prev_next"> <div class="prev"> <span>上一篇：</span><a href="/tzuc.html">我爱你的各种语言表达，这几个版本你知道几个？</a> </div> <div class="next"> <span>下一篇：</span><a href="/tzue.html">孕期宝宝胎动变化</a> </div> </div> </div> <div class="appleccmw content-right"> <div class="listmore">推荐信息</div> <div class="send_list"> <ul> <li><a href="/tzud.html" title="网页中的框架应用详解"><span>1</span><h3>网页中的框架应用详解</h3></a></li> <li><a href="/byksj.html" title="土豆怎么才能把美味做出来"><span>2</span><h3>土豆怎么才能把美味做出来</h3></a></li> <li><a href="/byksi.html" title="怎样做土豆？"><span>3</span><h3>怎样做土豆？</h3></a></li> <li><a href="/byksh.html" title="土豆怎么做简单好吃"><span>4</span><h3>土豆怎么做简单好吃</h3></a></li> <li><a href="/byksg.html" title="土豆的美味做法"><span>5</span><h3>土豆的美味做法</h3></a></li> <li><a href="/byksf.html" title="土豆怎么做好吃？"><span>6</span><h3>土豆怎么做好吃？</h3></a></li> <li><a href="/bykse.html" title="土豆怎么做好吃"><span>7</span><h3>土豆怎么做好吃</h3></a></li> <li><a href="/byksd.html" title="怎么做土豆好吃"><span>8</span><h3>怎么做土豆好吃</h3></a></li> <li><a href="/byksc.html" title="马铃薯怎么做好吃"><span>9</span><h3>马铃薯怎么做好吃</h3></a></li> <li><a href="/byksb.html" title="土豆这么做好吃又简单"><span>10</span><h3>土豆这么做好吃又简单</h3></a></li> <li><a href="/byksa.html" title="土豆怎么做好吃？让人人都会的办法"><span>11</span><h3>土豆怎么做好吃？让人人都会的办法</h3></a></li> <li><a href="/bykrz.html" title="土豆怎么做最好吃？"><span>12</span><h3>土豆怎么做最好吃？</h3></a></li> <li><a href="/bykry.html" title="土豆的家常菜做法"><span>13</span><h3>土豆的家常菜做法</h3></a></li> <li><a href="/bykrx.html" title="土豆怎样做才做好吃？"><span>14</span><h3>土豆怎样做才做好吃？</h3></a></li> <li><a href="/bykrw.html" title="土豆怎么做比较好吃？"><span>15</span><h3>土豆怎么做比较好吃？</h3></a></li> <li><a href="/bykrv.html" title="马铃薯怎么做好吃"><span>16</span><h3>马铃薯怎么做好吃</h3></a></li> <li><a href="/bykru.html" title="土豆好吃的做法"><span>17</span><h3>土豆好吃的做法</h3></a></li> <li><a href="/bykrt.html" title="土豆怎么做了好吃？"><span>18</span><h3>土豆怎么做了好吃？</h3></a></li> <li><a href="/bykrs.html" title="土豆的N种吃法"><span>19</span><h3>土豆的N种吃法</h3></a></li> <li><a href="/bykrr.html" title="土豆怎么做更美味"><span>20</span><h3>土豆怎么做更美味</h3></a></li> <li><a href="/bykrq.html" title="洋芋的做法大全"><span>21</span><h3>洋芋的做法大全</h3></a></li> </ul> <div class="clear"></div> </div> </div> </div> <div class="clear"></div> <div class="onjfeeds"></div><span class="onj_live"></span><span class="childonj"></span><div class="onj_location"></div><span class="buddhaonj"></span><div class="branchesccmw footer_service"> <a href="/sitemap.html" target="_blank">网站地图</a> <a href="/sitemap.xml" target="_blank">XML</a> <a href="/sitemap.txt" target="_blank">TXT</a> <a href="/rss.xml" target="_blank">RSS</a> <a href="/privacy.html" target="_blank">隐私政策</a> <a href="/service.html" target="_blank">服务条款</a> <a href="/agreement.html" target="_blank">使用条款</a> <div class="flagccmw footer_copyright clogWalletccmw">Copyright ©1996-2025 www.onijiang.com Corporation, All Rights Reserved</div> </div> <script src="/static/index1js/jquery-3.5.1.min.js" rel="external nofollow"></script> <script src="/static/js/share.js" rel="external nofollow"></script> <script src="/static/js/tran.js" rel="external nofollow"></script> <script src="/static/js/langs.js" rel="external nofollow" ></script> <div class="onj_happy"></div><span class="containeronj"></span><div class="baronj" id="baronj"></div><div id="Family_seal_onj"></div><script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>