首頁 >web前端 >html教學 >iframe的各項參數整理附說明及使用範例_HTML/Xhtml_網頁製作

iframe的各項參數整理附說明及使用範例_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:39:291420瀏覽


runat="server" 這個最好加上Iframe跳轉asp.net  可在當前iframe中跳轉
src 連結到的位址URl
frameborder 是否顯示邊框(0無邊框1有邊框)
scrolling 是否有捲軸(yes有捲軸no無捲軸)
allowtransparency 背景是否透明(yes透明no不透明)
iframe並不是很常用的,在標準的網頁中非常少用。把iframe解釋成「瀏覽器中的瀏覽器「是很恰當的。
SRC=URI 嵌入式櫃架的頁面檔案路徑
NAME=CDATA 嵌入式櫃架的名稱
LONGDESC=URI 描述
WIDTH=Length 寬度
HEIGHT=Length 高度
ALIGN=[ top | middle | bottom | right ] 對齊方式
FRAMEBORDER=[ 1 | 0 ] 櫃架邊框
MARGINWIDTH=Pixels 左右空出寬度
MARGINHEIGHT=Pixels 上下空出的高度
SCROLLING=[ yes | no |uto autoy ]流動條(yes強制顯示|no永不顯示|auto自動)
Iframe標記的使用格式是:

src:文件的路徑,既可是HTML文件,也可以是文字、ASP等;
width、height:"內部框架"區域的寬與高;
scrolling:當SRC的指定的HTML檔案在指定的區域不顯不完時,滾動選項,如果設定為NO,則不出現滾動條;如為Auto:則自動出現滾動條;如為Yes,則顯示;
FrameBorder:區域邊框的寬度,為了讓「內部框架「與鄰近的內容相融合,常設定為0。
name:框架的名字,用來進行辨識。

設定圍繞圖文框的邊緣寬度
frameboder

設定邊框是不否為3維(0=否,1=是)
height,width

設質邊框的寬度和高度
scrolling

是否有捲軸(yes,no,auto)
src

指定iframe呼叫的檔案或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*)

注意事項:
一個浮動框架不需要透過

元素聲明為框架設定的一部分;
WebTV和Netscape 4.x(4.0 到 4.75) 不支援浮動框架。
在HTML4.01嚴格規範中,

2、物件名稱:  
語法:name=#  
說明:#為物件的名稱。此屬性為物件取名,以便其他物件可利用。
範例:

4、容器屬性:  
語法:height=#   width=#  
說明:此屬性指定浮動訊框的高度和寬度。取值為正整數(單位為像素)或百分數。  
height:指定浮動框架的高度;  
width:指定浮動框架的寬度。  
範例:

5、尺寸調整:  
語法:noresize  
說明:IE專有屬性,指定浮動幀不可調整尺寸。  
範例:

6、邊框顯示:  
語法:frameborder=0、1  
說明:此屬性規定是否顯示浮動訊框邊框。  
0:不顯示浮動訊框邊框;  
1:顯示浮動訊框邊框。  
範例:

7、邊框厚度:  
語法:border=#  
說明:此屬性指定浮動幀邊框的厚度,值為正整數和0,單位為像素。為了將浮動幀與頁面無縫結合,border一般等於0。  
範例:

8、邊框顏色:  
語法:bordercolor=color  
說明:此屬性指定浮動框邊框的顏色。 color可以是RGB色(RRGGBB),也可以是顏色名稱。  
範例:

9.對齊方式:  
語法:align=left、right、center  
說明:此屬性指定浮動訊框與其他物件的對齊方式。  
left:居左;  
right:居右;  
center:居中。
範例:

10、相鄰間距:  

語法:framespacing=#  
說明:此屬性指定相鄰浮動訊框之間的間距。取值為正整數和0,單位為像素。
範例:

語法:marginheight=#   marginwidth=#  

說明:此屬性指定浮動訊框的邊界大小。取值為正整數和0,單位為像素。兩個屬性應同時應用。    
marginheight:浮動框架的左右邊界大小;  
marginwidth:浮動框架的上下邊界大小。  
範例:

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:html文檔中的 ol 元素的序號數字極限探討_HTML/Xhtml_網頁製作下一篇:html文檔中的 ol 元素的序號數字極限探討_HTML/Xhtml_網頁製作

相關文章

看更多