//母版頁
我的例子</ title>
</ HEAD><frameset cols =“30％，50％”><frame src =“page1.htm”>
<frame src =“page2.htm”></ frameset> </ html></pre></td><td><br/></td></tr></tbody></table><p>Page1.htm和Page2.htm作為“普通”html頁面單獨(dú)創(chuàng)建，并包含在此母版頁中。我們使用關(guān)鍵字“cols”來表示我們要定義列框架。要改為創(chuàng)建行，只需使用關(guān)鍵字“rows”：</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><html> <frameset rows =“50％，50％”><frame src =“page1.htm”>
<frame src =“page2.htm”></ frameset> </ html></pre></td><td><br/></td></tr></tbody></table><p>在這兩個(gè)例子中，我們使用百分比作為寬度測量。您也可以謹(jǐn)慎使用像素，但是：</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><html> <frameset cols =“100,200,340”><frame src =“page1.htm”>
<frame src =“page2.htm”>
<frame src =“page3.htm”></ frameset> </ html></pre></td><td><br/></td></tr></tbody></table><p>如果您將總寬度（100 + 200 + 340 = 640）相加，這將等于分辨率為640 * 480的屏幕寬度。大多數(shù)14'屏幕都設(shè)置為這樣，但人們?nèi)绾问褂茫?00 * 600）的屏幕分辨率？如果它們出現(xiàn)，您的框架頁面將如何顯示？好吧，瀏覽器別無選擇，只能將寬度拉伸到640以上，以適應(yīng)這個(gè)更大的屏幕。（根據(jù)用戶的屏幕分辨率，使用百分比定義的所有幀都將被拉伸，（或縮?。?。這可能會(huì)給開發(fā)人員帶來麻煩，因?yàn)槟肋h(yuǎn)不知道如何顯示幀。這是否意味著你永遠(yuǎn)不應(yīng)該使用像素？絕對(duì)不。讓我們看看我們?nèi)绾慰朔@個(gè)問題：</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><HTML>
<frameset cols =“100,200，* ”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
<frame src =“page3.htm”>
</ FRAMESET>
</ HTML></pre></td><td><br/></td></tr></tbody></table><p>我們使用了一個(gè)特殊的關(guān)鍵字“*”，這意味著未定義。通過使用它，如果需要，只有這部分將被拉伸。另外兩個(gè)，100和200，不會(huì)被無意中拉長。這樣，您可以在右側(cè)框架上保留所有頁面的布局，這些布局不希望在左側(cè)兩個(gè)框架上拉伸，也可以使用它。</p><p>創(chuàng)建復(fù)雜的框架：</p><p>到目前為止，我們只創(chuàng)建了簡單的所有列或所有行，幀?，F(xiàn)在讓我們繼續(xù)前進(jìn)到兩者，我們呢？</p><p>定義具有列和行的幀的關(guān)鍵是在主頁中放置多對(duì)<frameset> </ frameset>標(biāo)記，每對(duì)包含“cols”或“rows”聲明。這可能會(huì)有點(diǎn)棘手，所以我將嘗試使用多個(gè)示例進(jìn)行解釋。讓我們開始切片</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><HTML>
<frameset cols =“50％，50％”> <frameset rows =“50％，50％”> <frame src =“page1.htm”>
<frame src =“page2.htm”>
</ frameset> <frame src =“page3.htm”>
</ FRAMESET>
</ HTML></pre></td><td><br/></td></tr></tbody></table><p>好的，到底是怎么回事？首先，在藍(lán)色中，我們定義了兩列。然后，對(duì)于第一列，我們將更多切成兩行。正如您所看到的，行和列“chunk”都以</ frameset>標(biāo)記結(jié)尾，準(zhǔn)確地說是兩個(gè)。就像我說的那樣，我們通過定義cols =“50％，50％”開始了“框架”。讓我們看看如果我們首先定義行而不是反過來會(huì)發(fā)生什么：</p><table class="cke_show_border" width="100"><tbody><tr><td><pre>//母版頁
<HTML>
<frameset rows =“50％，50％”>
<frameset cols =“50％，50％”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET>
<frame src =“page3.htm”>
</ FRAMESET>
</ HTML></pre></td><td><br/></td></tr></tbody></table><p>如您所見，完全不同的結(jié)果！困惑？這是一個(gè)<em>值得</em>記住的好規(guī)則：<em>無論何時(shí)切割一個(gè)框架，無論是切割成一列還是一行，切片都會(huì)切片，直到它碰到“墻”。</em></p><p>復(fù)雜框架分步示例：</p><p>讓我們充分利用上述規(guī)則。記住這條規(guī)則可以省去很多麻煩。好吧，假設(shè)我們想要?jiǎng)?chuàng)建一個(gè)這樣的框架：</p><table class="cke_show_border" width="200"><tbody><tr><td><br/></td><td rowspan="2"><br/></td><td rowspan="2"><br/></td><td><br/></td><td rowspan="2"><br/></td></tr><tr><td><br/></td><td><br/></td></tr></tbody></table><p>這可能看起來勢不可擋，但如果你把壽司規(guī)則牢牢地放在腦海中，那你就沒事了。我們?cè)撛趺醋瞿?？從行開始？列？好吧，首先取出我們的刀，并記住，這把刀將繼續(xù)切片，直到它撞到“墻”。如果我們從行開始，我們會(huì)有這樣的事情：</p><table class="cke_show_border" width="200"><tbody><tr><td><br/></td></tr><tr><td><br/></td></tr></tbody></table><p>這把壽司刀一直切割直到遇到障礙物，在這種情況下，是頁面的邊緣。如您所見，從使用行開始將無法實(shí)現(xiàn)我們期望的目標(biāo)。</p><p>好吧，讓我們從列開始：</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><HTML>
<FRAMESET
COLS = “33％，17％，17％，17％，17％”>
</ FRAMESET>
</ HTML></pre></td><td><br/></td></tr></tbody></table><p>到現(xiàn)在為止還挺好?，F(xiàn)在我們需要將第一列拆分為兩行。請(qǐng)記住，這把瑞士刀不是很鋒利，所以它不會(huì)穿過第一列的墻壁。</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><HTML>
<FRAMESET
COLS = “33％，17％，17％，17％，17％”><frameset rows =“50％，50％”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET></ FRAMESET>
</ HTML></pre></td><td><br/></td></tr></tbody></table><p>如您所見，“行”部分嵌套在“cols”部分中，因?yàn)樾惺橇新暶鞯摹白硬糠帧薄?/p><p>讓我們繼續(xù)我們的壽司切碎，好嗎？</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><HTML>
<FRAMESET
cols =“33％，17％，17％，17％，17％”> <frameset rows =“50％，50％”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET><frame src =“page3.htm”>
<frame src =“page4.htm”></ FRAMESET>
</ HTML></pre></td><td><br/></td></tr></tbody></table><p>最后：</p><table class="cke_show_border" width="100"><tbody><tr><td><pre><HTML>
<FRAMESET
cols =“33％，17％，17％，17％，17％”> <frameset rows =“50％，50％”>
<frame src =“page1.htm”>
<frame src =“page2.htm”>
</ FRAMESET>
<frame src =“page3.htm”>
<frame src =“page4.htm”><frameset rows =“50％，50％”>
<frame src =“5.htm”>
<frame src =“6.htm”>
</ FRAMESET><frame src =“7.htm”></ FRAMESET>
</ HTML></pre></td><td><br/></td></tr></tbody></table><p>我知道這可能非常令人困惑，但是通過自己玩它來學(xué)習(xí)它的最佳方式...所以打開你的編輯器，嘗試一下！好吧，我們已經(jīng)了解了框架的整體結(jié)構(gòu) - 讓我們繼續(xù)看看我們可以添加到框架中的一些屬性，并掌握從一個(gè)框架到另一個(gè)框架的鏈接和加載內(nèi)容的藝術(shù)。</p><p align=center>另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、<a target="_blank">高防服務(wù)器</a>、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。</p> <br>
本文名稱：學(xué)習(xí)如何創(chuàng)建框架-創(chuàng)新互聯(lián) <br>
本文URL：<a href="http://weahome.cn/article/ceehhd.html">http://weahome.cn/article/ceehhd.html</a>
</div>
</div>
</div>
<div id="squ6kqw" class="other container">
<h3>其他資訊</h3>
<ul>
<li>
<a href="/article/dgeejii.html">mysql怎么自動(dòng)重啟 mysql設(shè)置自啟動(dòng)</a>
</li><li>
<a href="/article/dgeepoe.html">關(guān)于cssli取消樣式的信息</a>
</li><li>
<a href="/article/dgeejhp.html">android圖片傳輸 安卓手機(jī)圖片傳輸</a>
</li><li>
<a href="/article/dgeejpd.html">模擬jquery庫 jQuery是客戶端腳本庫</a>
</li><li>
<a href="/article/dgeepdi.html">android優(yōu)先流量 流量優(yōu)先級(jí)高的先用還是低的先用</a>
</li> </ul>
</div>
<div id="squ6kqw" class="footer">
<div id="squ6kqw" class="foota container">
<div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站制作</h3>
<a target="_blank">企業(yè)網(wǎng)站制作</a><a target="_blank">廣安網(wǎng)站制作公司</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">達(dá)州網(wǎng)站制作</a><a target="_blank">wap網(wǎng)站制作</a><a target="_blank">綿陽網(wǎng)站制作公司</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企業(yè)服務(wù)</h3>
<a target="_blank">食品經(jīng)營許可證</a><a target="_blank">備案資質(zhì)管家服務(wù)</a><a target="_blank">一元廣告</a><a target="_blank">免費(fèi)收錄網(wǎng)站</a><a target="_blank">軟文推廣</a><a target="_blank">買友情鏈接</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>網(wǎng)站建設(shè)</h3>
<a target="_blank">樂至網(wǎng)站建設(shè)</a><a target="_blank">達(dá)州網(wǎng)站建設(shè)</a><a target="_blank">公司網(wǎng)站建設(shè)</a><a target="_blank">成都網(wǎng)站建設(shè)</a><a target="_blank">企業(yè)網(wǎng)站建設(shè)公司</a><a target="_blank">成都響應(yīng)式網(wǎng)站建設(shè)公司</a> </li>
<li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服務(wù)器托管</h3>
<a target="_blank">棕樹服務(wù)器托管</a><a target="_blank">重慶電信五里店機(jī)房托管</a><a target="_blank">移動(dòng)服務(wù)器托管</a><a target="_blank">多線服務(wù)器托管</a><a target="_blank">重慶水土三線托管</a><a target="_blank">資陽天府云計(jì)算中心</a> </li>
</ul>
</div>
<div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全國免費(fèi)咨詢:</p>
<b>400-028-6601</b>
<p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p>
<p>節(jié)假值班：18980820575 / 13518219792</p>
<p>聯(lián)系地址：成都市太升南路288號(hào)錦天國際A幢1002號(hào)</p>
</div>
</div>
<div id="squ6kqw" class="footb">
<div id="squ6kqw" class="copy container">
<div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號(hào)</a></div>
<!--<div id="squ6kqw" class="fr"><a target="_blank">成都網(wǎng)站建設(shè)</a>：<a target="_blank">創(chuàng)新互聯(lián)</a></div>-->
</div>
</div>
<div id="squ6kqw" class="link">
<div id="squ6kqw" class="container">
友情鏈接:：
<a target="_blank">成都網(wǎng)站建設(shè)</a>
<a target="_blank">重慶網(wǎng)站建設(shè)</a>
<a href="">四川網(wǎng)站建設(shè)</a>
<a href="">重慶建設(shè)網(wǎng)站</a>
<a target="_blank">移動(dòng)服務(wù)器托管</a>
<a target="_blank">成都服務(wù)器托管</a>
<a target="_blank">云服務(wù)器</a>
<a target="_blank">廣告設(shè)計(jì)制作</a>
<a target="_blank">重慶網(wǎng)頁設(shè)計(jì)</a>
<a target="_blank">重慶做網(wǎng)站</a>
<a target="_blank">重慶網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站建設(shè)</a>
<a href="">重慶網(wǎng)站公司</a>
<a href="">渝中網(wǎng)站制作</a>
<a href="">重慶網(wǎng)站設(shè)計(jì)</a>
</div>
</div>
</div>
<div id="squ6kqw" class="foot">
<ul class="public-celan">
<li>
<a target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">在線咨詢</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">電話咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">QQ咨詢</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span id="squ6kqw" class="span-txt">預(yù)約顧問</span>
</a>
</li>
</ul>
</div>
<div id="squ6kqw" class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在線咨詢</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p>
</a>
</dt>
</dl>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a>
<div class="friend-links">
</div>
</div>
</footer>
<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><div id="999xr" class="pl_css_ganrao" style="display: none;"><optgroup id="999xr"><ruby id="999xr"></ruby></optgroup><tt id="999xr"><progress id="999xr"></progress></tt><video id="999xr"><em id="999xr"><meter id="999xr"><pre id="999xr"></pre></meter></em></video><acronym id="999xr"></acronym><ruby id="999xr"></ruby><menuitem id="999xr"><span id="999xr"><strike id="999xr"><label id="999xr"></label></strike></span></menuitem><dfn id="999xr"><output id="999xr"><sub id="999xr"><thead id="999xr"></thead></sub></output></dfn><pre id="999xr"></pre><p id="999xr"><dfn id="999xr"></dfn></p><div id="999xr"><sup id="999xr"></sup></div><thead id="999xr"></thead><big id="999xr"><dl id="999xr"><pre id="999xr"><th id="999xr"></th></pre></dl></big><form id="999xr"></form><dfn id="999xr"></dfn><div id="999xr"><ol id="999xr"></ol></div><pre id="999xr"><th id="999xr"></th></pre><em id="999xr"></em><strong id="999xr"><optgroup id="999xr"><ruby id="999xr"><tt id="999xr"></tt></ruby></optgroup></strong><legend id="999xr"></legend><th id="999xr"><b id="999xr"></b></th><sup id="999xr"><label id="999xr"></label></sup><u id="999xr"><ins id="999xr"><address id="999xr"><legend id="999xr"></legend></address></ins></u><dfn id="999xr"><form id="999xr"><rp id="999xr"><font id="999xr"></font></rp></form></dfn><mark id="999xr"></mark><form id="999xr"><p id="999xr"></p></form><output id="999xr"><sub id="999xr"></sub></output><menuitem id="999xr"></menuitem><ins id="999xr"><address id="999xr"></address></ins><rp id="999xr"></rp><ins id="999xr"><font id="999xr"><div id="999xr"><ol id="999xr"></ol></div></font></ins><dl id="999xr"></dl><nobr id="999xr"></nobr><rp id="999xr"><font id="999xr"><div id="999xr"><ol id="999xr"></ol></div></font></rp><div id="999xr"></div><sup id="999xr"></sup><form id="999xr"></form><span id="999xr"><strike id="999xr"></strike></span><form id="999xr"><video id="999xr"><em id="999xr"><meter id="999xr"></meter></em></video></form><style id="999xr"><nobr id="999xr"><small id="999xr"><menuitem id="999xr"></menuitem></small></nobr></style><rp id="999xr"><font id="999xr"><div id="999xr"><ol id="999xr"></ol></div></font></rp><ruby id="999xr"><tt id="999xr"><big id="999xr"><dl id="999xr"></dl></big></tt></ruby><span id="999xr"><strike id="999xr"></strike></span><strike id="999xr"></strike><ins id="999xr"><address id="999xr"></address></ins><track id="999xr"><tt id="999xr"><progress id="999xr"><form id="999xr"></form></progress></tt></track><optgroup id="999xr"><ruby id="999xr"></ruby></optgroup><font id="999xr"><div id="999xr"><ol id="999xr"><style id="999xr"></style></ol></div></font><style id="999xr"><nobr id="999xr"><small id="999xr"><menuitem id="999xr"></menuitem></small></nobr></style><em id="999xr"><meter id="999xr"></meter></em><pre id="999xr"><th id="999xr"><b id="999xr"><mark id="999xr"></mark></b></th></pre></div>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //獲取圖片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //絕對(duì)路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script> |
重慶分公司
重慶分公司