HTML框架1

時間  2020-06-22
標籤 html 框架 欄目 HTML 简体版
原文   原文鏈接

9.3.1 設置框架源文件屬性——srchtml

基本語法瀏覽器

<frameset>框架

<frame src=」URL」>spa

<frame src=」URL」>htm

…blog

</frameset>ci

語法說明iframe

在HTML文件中，src用於設置框架加載文件的路徑。文件的路徑能夠是相對路徑也能夠是絕對路徑語法

9.3.2 添加框架名稱——namescroll

基本語法

<frameset>

<frame src=」URL」 name=」」>

<frame src=」URL」 name=」」>

…

</frameset>

語法說明

在HTML文件中，利用框架<frame>標記中的name屬性給框架添加名稱，不會影響框架的顯示效果。

9.3.3 設置框架邊框——frameborder

基本語法

<frameset>

<frame src=」URL」 frameborder=」value」>

<frame src=」URL」 frameborder=」value」>

…

</frameset>

語法說明

在HTML文件中，利用框架<frame>標記中的frameborder屬性設置框架顯示效果時，只能設置框架的邊框是否顯示，

frameborder值爲0時，不顯示邊框；frameborder值爲1時，顯示邊框。

9.3.4 顯示框架滾動條——scrolling

基本語法

<frameset>

<frame src=」URL」 scrolling=」value」>

<frame src=」URL」 scrolling=」value」>

…

</frameset>

語法說明

在HTML文件中，利用框架<frame>標記中的scrolling屬性有三種方式設置滾動條：

　　　　　　　　 yes：添加滾動條　　  no：不添加滾動條 　　 auto：自動添加滾動條

9.3.5 調整框架尺寸——noresize

基本語法

<frameset>

<frame src=」URL」 noresize >

<frame src=」URL」 >

…

</frameset>

語法說明

在HTML文件中，利用框架<frame>標記中的noresize屬性設置不容許改變左側框架的尺寸。

9.3.6 設置框架邊緣寬度與高度——marginwidth與marginheight

基本語法

 

語法說明

在HTML文件中，利用框架<frame>標記中的marginwidth和marginheight屬性設置不容許改變左側框架的尺寸。

9.3.7 添加不支持框架標記<noframe>

基本語法

<frame src=」URL」>

<frame src=」URL」>

。。。

<noframes>

…

<noframes>

</frameset>

語法說明

在HTML文件中，利用框架<frame>標記中的<noframes>屬性設置瀏覽器不支持框架時，顯示網頁文件的內容。

框架集屬性:

9.4.1 設置框架集邊框寬度——frmaspacing

基本語法

<frameset frmaspacing=」」>

<frame src=」URL」 frameborder=」value」>

<frame src=」URL」 frameborder=」value」>

…

</frameset>

語法說明

在HTML文件中，利用框架<frame>標記中的frameborder屬性設置框架顯示效果時，只能設置框架的邊框是否顯示，

frameborder值爲0時，不顯示邊框；frameborder值爲1時，顯示邊框。

9.4.2 設置框架集邊框顏色——bordercolor

基本語法

 

<frameset bordercolor=」」>

<frame src=」URL」>

<frame src=」URL」>

…

</frameset>

語法說明

在HTML文件中，利用框架<frame>標記中的bordercolor屬性設置框架邊框顏色，

bordercolor後面的屬性值能夠是表示顏色的英文單詞，也能夠是＃＋十六進制數（例：#0066ff）。

9.4.3 左右分割邊框——cols

基本語法

 <frameset cols="*,*">

<frame src=」URL」>

<frame src=」URL」>

…

</frameset>

語法說明

在HTML文件中，利用cols屬性將網頁進行左右分割，分割方式能夠是百分比，也能夠是具體的數值。

9.4.4 上下分割邊框——rows

基本語法

 <frameset rows="*,*">

<frame src=」URL」>

<frame src=」URL」>

…

</frameset>

語法說明

在HTML文件中，利用rows屬性能夠將網頁上下分割，分割方式與左右分割方式相同。

表9-2 浮動框架屬性

9.5.1 設置浮動框架源文件屬性

基本語法

<body>

<iframe src=」URL」></iframe>

</body>

語法說明

在HTML文件中，src用於設置框架加載文件的路徑，文件的路徑能夠是相對路徑也能夠是絕對路徑。

 

9.5.2 添加浮動框架名稱——name

基本語法

<body>

<iframe src=」URL」 name=」」> </iframe>

</body>

語法說明

在HTML文件中，利用框架<frame>標記中的name屬性給框架添加名稱，不會影響框架的顯示效果。

9.5.3 設置浮動框架的寬度和高度——width和height

基本語法

<body>

<iframe src=」URL」 width=」」 height=「」></iframe>

</body>

語法說明

在HTML文件中，<iframe>標記中；width屬性能夠設置浮動框架寬度；height屬性能夠設定浮動框架的高度。

9.5.4 設置浮動框架的對齊方式——align

基本語法

<body>

<iframe src=」URL」 name=」」 align=」center」></iframe>

</body>

語法說明

在HTML文件中，利用浮動框架<iframe>標記中的align屬性設置浮動框架的對齊方式。

　　　　　　　　center：居中對齊；　　 left：左對齊； 　　 right：右對齊。

9.6.1 普通框架添加連接

基本語法

<frameset cols="380*,380*">

<frame src="left.html">

<frame src="right.html" name="right">

</frameset>

語法說明

利用<frameset>標記中的cols屬性進行左右分割，左邊網頁文件來自於left.html，右邊網頁文件來自於right.html。

9.6.2 浮動框架添加連接

基本語法

<iframe src="http://www.broadview.com.cn" width="450" height="380" name="iframe"></iframe>

語法說明

定義一個浮動框架，而後將網頁中須要顯示的內容連接到浮動框架中。

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程