北京赛车 pk10开奖记录_Toyou热购彩票官网
香港高速VIP雲機房火爆上線啦!無需備案問桔,開通即用!配套《巔雲自助建站系統3.0》將帶給您飛一般的可視化拖拽建站體驗程說,歡迎免費體驗殿拍。

建站專題

html Frame茶疲、Iframe撮竿唉、Frameset 的區別

一佰互聯網站開發設計(www.yinxi.net) 發布日期 2019-04-20 08:54:11 瀏覽數: 36

10.4.1  Frameset與Frame的區別
首先講解Frameset與Frame之間的區別椿安忱。

<Frameset></Frameset>用來劃分框架謾揀脆,每一個框架由<Frame></Frame>標記觸。<Frame></Frame>必須在<Frameset></Frameset>之內使用票捐,代碼如下停︰

<FRAMESET border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>

<FRAME src="inc/admin_left.htm" name=left scrolling=no id="left">

<FRAME src="inc/admin_center.htm" name=main scrolling="no">

</FRAMESET>

在上面的例子當中夾袍,<Frameset></Frameset>把頁面分為左右兩個部分朔桓昂,左側框架中的頁面是admin_left.htm撤,右側框架中的頁面是admin_center.htm擰。

注意次肋拐︰<Frame></Frame>標記的框架順序為從左至右或從上到下修享佬。

兩者的差別如下韓︰

  ● <Frameset>為框架標記客淑系,說明該網頁文檔為框架組成撻稻煩,並設定文檔中組成框架集的框架的布局恨懂羞。

  ● <Frame>用以設置組成框架集中各個框架的屬性算捐。

10.4.2  Frameset參數設置
<Frameset>需要設置一些特定的參數籌羞,這些參數直接決定了整個頁面的布局唱,代碼如下豢淬︰

<Frameset border=1 frameSpacing=1 borderColor=#47478d rows=* cols=180,*>

關于上段代碼的各項參數設置及其含義如表10.3所示咸傻。

表10.3  Frameset參數

參    數

說    明

Border

設定框架的邊框厚度蠶送,以pixels為單位

frameborder

設定是否顯示框架的邊框昧,0為不顯示抱胃,1為顯示

FrameSpacing

表示框架與框架之間的距離

BorderColor

設定框架的邊框顏色

Row

將文檔分為上下的框架餞刺,Row後的值可以為數值或百分數償細諾,*表示佔用余下的空間佃妊,數值的個數代表水平分成的框架個數伎吭,例如Rows=“210,*,10%”建,表示頁面分為上中下三個框架頁旁埃,上邊的框架佔用210px含,下邊的框架佔用整個文檔的10%敘陀,余下的空間為中間的框架佔用擺啥。*是一個相對的概念碉嗣,例如Row=*入飼,表示頁面中沒有上下結構的框架布局

Cols

設置同Row

10.4.3  Frame參數設置

關于Frame參數的設置親桔蔡,代碼如下乏健︰

 

如表10.4所示廈坪敖。

表10.4  Frame參數

參    數

說    明

Name

設定框架的名稱倉克駁,須為英文

Src

設置框架中顯示的頁面路徑和名稱焚頒嗡,可為相對路徑亦可為絕對路徑

Marginwidth

表示框架距離左右邊緣的距離

Marginheight

表示框架距離上下邊緣的距離

Scrollling

設置是否在框架中顯示滾動條秘嘔偽,yes為顯示皇,no為不顯示悸疤橙,auto表示當框架頁中內容超過框架的大小時自動顯示滾動條

Frameborder

設置是否顯示框架的邊框邵籌護,0為不顯示縫吻,1為顯示

Noresize

設定是否可以讓使用者改變這個框架的大泄 輟,不設置此項可以讓瀏覽者任意拉動框架狠咆,改變框架的大小

Framespacing

表示框架與框架之間的距離

Bordercolor

設定框架的邊框顏色

10.4.4  Frame與Iframe的區別

Frame與Iframe兩者可以實現的功能基本相同氫稼,不過Iframe比Frame具有更多的靈活性平。

Iframe標記又叫浮動幀標記啤訴,可以用它將一個HTML文檔嵌入在一個HTML中顯示氛蔑。它和Frame標記的最大區別是在網頁中嵌入的<Iframe></Iframe>所包含的內容與整個頁pk10开奖 他干什麼去了呢?德國教育與研究部部長面是一個整體蟲悔,而<Frame></Frame>所包含的內容是一個獨立的個體捅漣,是可以獨立顯示的氦呂極。另外休衛,應用Iframe還可以在同一個頁面中多次顯示同一內容煩,而不必重復這段內容的代碼破。

如圖10.21所示的頁面就是應用Iframe在頁面上下各創建了分頁的鏈接改戊什,上下的代碼是一樣的剩緯冬,只需在網頁中嵌入同一個文件即可豆炊,不需要重復代碼的編寫餡,本案例的實際效果參看配書光盤中的案例/frame/iframe/see_infomore_iframe.htm坡詞行。

10.4.5  設置Iframe透明

Iframe還有一個更大的好處抽,就是可以設置框架透明芭,讓框架內的背景和主頁面背景一樣隆牽。在上例操作中嗓莆,細心的讀者會發現這個問題寬,下面來詳細說明如何設置Iframe透明細系。具體操作步驟如下卜︰

(1)打開配書光盤中的案例/frame/iframe/see_infomore_iframe1.htm錘。

(2)在瀏覽器中瀏覽該頁文件黎窩,發現在插入Iframe的區域將原來單元格的背景覆蓋了密不輩,這不是想要的效果合蛇。

(3)打開page.htm頁面丟烤,切換到代碼視圖醛七,在<body>標記中插入代碼如下刨稅︰

<body style="background-color=transparent">

圖10.21  應用Iframe創建翻頁

(4)切換see_infomore_iframe1.htm到代北京赛车苗苗說︰“想了。”十九向夜叉走了過去。碼視圖稈笑,查看頁面插入Iframe的單元格的代碼如下穗露何︰

<td height="30" colspan="4" >

<iframe name="main"  width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm"></iframe>

</td>

(5)在<Iframe>標記中耐,

 

<frame name="left" src=" index_manager/admin_left.htm " marginwidth="1" marginpk10开奖 我笑笑,說︰"好啊!"1995年11月height="1" scrolling="no" frameborder="1" noresize framespacing="2" bordercolor="#cc0000">

上段代碼的各項參數設置及其含義

 

allowTransparency="true"

(6)此時插入Iframe的單元格代碼如下黎︰

<td height="30" colspan="4" >

<iframe name="main"  width="100%" height="30" frameborder="0" border=0 scrolling="no" marginwidth="0" marginheight="0" src="page.htm" allowTransparency="true"></iframe></td>

(7)保存page.htm和see_infomore_iframe1.htm兩個頁面拓壬,在瀏覽器中瀏覽效果文。

一佰互聯是全國知名建站品牌服務商,我們有九年網站建設烤夯、網站制作桅、網頁設計淋擦鈍、php開發和域名注冊及虛擬主機服務經驗咳梳,提供的自助建站服務更是全國有名沛。近年來還整合團隊優勢自主開發了可視化多用戶”巔雲建站系統“3.0平台版郴,拖拽排版網站制作設計典瓷,輕松實現pc站暮、手機微網站濃、小程序稠、APP一體化全網營銷網站建設 呢,已成功的為全國上百家網絡公司提供自助建站平台搭建服務舶古唐。

相關新聞more

17
05月
網站SEO優化麓性紡,文章編輯中你不知道的秘密!_

作為SEO文章編輯人員墩小,你是否經常被要求撰寫高質量的文章;“高質量文章”宛勿愛,何為高質量?SEO文章編輯與小說恰、報刊編輯... >>詳情

02
05月
網站為什麼沒有排名? 用5秒讀懂網站的缺陷

經常有站長在A5商學院中問我藉疆婪︰“網站為什麼還是沒排名啊?”對此我回答最多的是擅︰網站用戶體驗差試椽典,結構優化不合理繼胺掂,信息質... >>詳情

29
03月
企業官網優化什麼是SEO策略 SEO策略重要

簡介誓弗須︰什麼是SEO策略?對于很多人來說都不是很了解湊呢通,那麼SEO策略重要性是什麼呢?SEO技術有哪些呢?下面寶丞網小編給大家介紹一下關于網站優... >>詳情

22
04月
在Ubuntu中如何查看網絡路由表詳解

什麼是Linux中的路由和路由表?路由的過程意味著IP包在網絡上從一點傳輸到另一點拈。當你向某人發送電子郵件時瓖,你實際上是在將一系列IP數據包... >>詳情

營業執照. cdn加速服務 備案系統認證 網絡安全協會 我們的支付方式AAA認證

7x24小時服務電話:18581389571 傳真:023-85725751 免費建站交流群猜規航︰236412099 139947842(自助建站交流) E-Mail:post@yinxi.net 網站投訴:
重慶楚捷科技有限公司 一佰互聯©版權所有 自助建站(www.yinxi.net,Inc.) 2001-2020 All Rights Reserved 本站程序受法律保護,網站法律顧問害鴻︰ITLAW-莊毅雄律師
中華人民共和國信息產業部網站備案號:渝ICP備12000592號
热购彩票 pk10 pk10开奖记录