碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
HTML標簽天天練6--
網頁框架</a></h3> </center> <div class="postinfo"> 本文轉載自 <i class="icon-globe"></i>&nbsp;<a href="/go/aHR0cHM6Ly93d3cuY25ibG9ncy5jb20vbm5nb29kMjAxMS9hcmNoaXZlLzIwMTIvMDIvMTcvMjM1NTcwNS5odG1s" target="_blank">查看原文</a> <i class="icon-time"></i>&nbsp;<span>2012-02-17 14:06</span> <i class="icon-eye-open"></i>&nbsp;<span>2244&nbsp;</span> <i class="icon-tag"></i>&nbsp; <span><a href='/tag/html css' target="_blank">html css</a>/</span> <span><a href='/tag/web html css' target="_blank">web html css</a>/</span> <span><a href='/tag/web' target="_blank">web</a></span> <i class="icon-star" title="1.1267"></i> </div> <hr/> <div class="media-body" id="content_div"> <div class="title_down_ad ad"> </div> <div class="post_content" id="postContent"> <p><span>&nbsp;</span><span>&nbsp;&nbsp;</span><span>&nbsp;這幾個標簽都屬於同一類功能，就是</span><span style="color: #ed1c24;"><strong>框架內鑲</strong></span><span>功能：</span></p> <div> 1） <span style="color: #ff0000;">&lt;frameset&gt;</span>意為把頁面分解成一定部分，讓每一部分顯示不同的內鑲框架，如(請復制到DW嘗試)： </div> <div> <div> <div class="cnblogs_Highlighter"> <pre class="brush:html;gutter:false;">&lt;html&gt; &lt;frameset rows="25%,50%,25%"&gt; &lt;frame src="http://blog.sina.com.cn/yefeng9393"&gt; &lt;frame src="http://blog.sina.com.cn/yefeng9393"&gt; &lt;frame src="http://blog.sina.com.cn/yefeng9393"&gt; &lt;/frameset&gt; &lt;/html&gt; </pre> </div> <p>&nbsp;</p> </div> </div> <div> ——下面是 <span style="color: #ff0000;">縱向內鑲框架</span>(細心的同學不難發現，區別在於 rows橫向、cols縱向)： </div> <div> <div> <div class="cnblogs_Highlighter"> <pre class="brush:html;gutter:false;">&lt;html&gt; &lt;frameset cols="25%,50%,25%"&gt; &lt;frame src="http://blog.sina.com.cn/yefeng9393"&gt; &lt;frame src="http://blog.sina.com.cn/yefeng9393"&gt; &lt;frame src="http://blog.sina.com.cn/yefeng9393"&gt; &lt;/frameset&gt; &lt;/html&gt; </pre> </div> <p>&nbsp;</p> </div> </div> <div> —— <span style="color: #ff0000;">請注意</span>，用frame這類標簽的時候， <span style="color: #ff0000;">必須</span>要把body標簽去掉，否則在不同瀏覽中容易出錯！ </div> <div> &nbsp; </div> <div> 2） <span style="color: #ff0000;">&lt;iframe&gt;</span> 指用一定尺寸的框架，來 <span style="color: #ff0000;">定義頁面里內鑲的框架</span>，如(復制到DW中嘗試)： </div> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4353345653789615" data-ad-slot="4890554435"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({});</script> <div> <div> <div> <div class="cnblogs_Highlighter"> <pre class="brush:html;gutter:false;">&lt;html&gt; &lt;iframe src="http://blog.sina.com.cn/yefeng9393" width="500px" height="400px"&gt; &lt;p&gt;您的瀏覽器不支持iframe!&lt;/p&gt; &lt;/iframe&gt; &lt;/html&gt; </pre> </div> <p>&nbsp;</p> </div> </div> </div> <div> —— <span style="color: #ff0000;">此外</span>，使用frame框架功能，還可以定制成網上比較通用的BBS論壇的主框架頁面， <span>目前不在本文中描述。</span>希望有興趣的朋友更多的去嘗試和觀察！ </div> </div> <div class="read-more" id="read-more" style="display:none"></div> <div class="alert alert-info" style="margin-top:20px;"> <p id="tips_top1"> </p> </div> <script type="text/javascript"> $("#tips_top1").append("<strong><i class=\"icon-fire\"></i>溫馨提示：</strong>如果本文未解決您的問題，可以免費向大模型提問：<strong><a href='javascript:void(0)' class='gptbtn'>向AI大模型提問</a></strong>。"); </script> <div class="iframe-container"> </div> </div> <div class="ad_content_down ad"> </div> </div> <div class="disclaimer visible-desktop"> <br/> <div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>免責聲明！</h4> <p>本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。</p> </div> <br/><br/> </div> </div> <!-- 右邊相關博客和資料 --> <div class="span4 left_content"> <div id="left_list_div" class="left_content"> <span class="list-group-item" href="javascript:void(0)"><i class="icon-filter"></i><strong>猜您在找</strong></span> <a class='list-group-item' href="/blog/ab0b901.html" title="html中的框架frameset和frame及iframe"> <i class="icon-file"></i> html中的框架frameset和frame及iframe </a> <a class='list-group-item' href="/blog/5209321.html" title="關於框架iframe frame frameset的關系結合a標簽的target的應用"> <i class="icon-file"></i> 關於框架iframe frame frameset的關系結合a標簽的target的應用 </a> <a class='list-group-item' href="/blog/c03a9f1.html" title="html框架iframe與frameset的介紹"> <i class="icon-file"></i> html框架iframe與frameset的介紹 </a> <a class='list-group-item' href="/blog/ae5d551.html" title="iframe/frameset/frame的區別"> <i class="icon-file"></i> iframe/frameset/frame的區別 </a> <a class='list-group-item' href="/blog/3a10d11.html" title="HTML框架集之Frameset與Iframe簡單應用"> <i class="icon-fire"></i> HTML框架集之Frameset與Iframe簡單應用 </a> <a class='list-group-item' href="/blog/2f43561.html" title="HTML iframe 和 frameset 的區別"> <i class="icon-fire"></i> HTML iframe 和 frameset 的區別 </a> <a class='list-group-item' href="/blog/6e8d6f1.html" title="HTML框架（frameset框架集和iframe內嵌框架）"> <i class="icon-file"></i> HTML框架（frameset框架集和iframe內嵌框架） </a> <a class='list-group-item' href="/blog/ee503c1.html" title="python之處理selenium工具中的frame/iframe/frameset框架切換問題"> <i class="icon-file"></i> python之處理selenium工具中的frame/iframe/frameset框架切換問題 </a> <a class='list-group-item' href="/blog/4555441.html" title="HTML <frameset>不同frame之間傳值"> <i class="icon-file"></i> HTML <frameset>不同frame之間傳值 </a> <a class='list-group-item' href="/blog/5357c61.html" title="HTML網頁制作：[12]使用框架結構之frameset"> <i class="icon-file"></i> HTML網頁制作：[12]使用框架結構之frameset </a> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> </div> <div class="clear">&nbsp;</div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粵ICP備18138465號</a>&nbsp;&nbsp;</span><span>&copy; 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250516"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c81b3b98809d882ddda9a802d3778cf4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
