浮動窗口與多媒體效果

<iframe>標記,又稱爲浮動幀標記,可以用來將一個HTML文檔嵌套在另一個HTML文檔中顯示。

<iframe>基本用法:

<iframe src='URL' width="x" height="x" scrolling="[option]" frameborder="x">  <frame>

src設置文件的路徑  

width和height分別設置浮動窗口的寬和高

scrolling設置是否出現滾動條,可選值有auto(自動)、yes(出現)、no(不出現)

fromeborder設置是否出現邊框,可選值有1(出現)  2(不出現)

先創建一個iframe.html的文檔,代碼如下:

<html>
	<head>
		<Title>
			登鸛雀樓
		</Title>
	</head>
	<body bgcolor="pink">
		<h3 align="center">
			登鸛雀樓
		</h3>
		<P align="center">白日依山盡,黃河入海流。
		<br>欲窮千里目,更上一層樓。
		</P>
	</body>
	</html>
再創建主頁面代碼test.html:

<html>
<head>
<title>畫中畫</title>
</head>
<body>
<center>
<iframe src="iframe.html" width="400" 
height=300 frameborder="1"></iframe>
</center>
</body>
</html>
<iframe>還可以有name屬性,結合表格佈局,可以實現同框架一樣的效果;如圖所示,點擊超鏈接可以在右邊的部分顯示

<html>
<head>
<title>左右</title>
</head>
<frameset cols="10%,*">
<frame src="left.html"/>
<frame  name='aaa'/>
</frameset>
</html>
  1.<frameset>一般先用一個文檔將頁面分成成幾部分,此文檔只記錄了該框架如何劃分,不會顯示任何資料,因此不必放<body>中。
  2.<frameset>是用以劃分框架,每個框架由一個<frame>標記所標示,<frame>必須在<frameset>中使用。
  3.<frameset>中根據rows或cols將框架分成上下或左右幾部分。
  4. iframe是內部幀,可以嵌在一個頁面裏面,設置內部幀的屬性可以使得整體看上去象一個完整的頁面,而不是由多個頁面組成 。
  5.一般在頁面佈局中,比如很多網站,上面有廣告條,左邊放菜單,右邊放內容,這樣上邊和左邊的內容都可不動,只動態改變右邊的內容,這種一般使用<frameset>框架佈局較多;但用<iframe>比<frameset>少一個文件,但支持<iframe>框架的瀏覽器相對較少。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章