官术网_书友最值得收藏!

3.4 浮動框架iframe

HTML5中已經不支持frameset框架,但是它仍然支持iframe浮動框架的使用。浮動框架可以自由控制窗口大小,可以配合表格隨意地在網頁中的任何位置插入窗口。實際上就是在窗口中再創建一個窗口。

使用iframe創建浮動框架的格式如下:

     <iframe src="鏈接對象" >

其中,src表示浮動框架中顯示對象的路徑,可以是絕對路徑,也可以是相對路徑。例如,下面的代碼是在浮動框架中顯示到百度網站。


【例3.6】(實例文件:ch03\3.6.html)

在IE 11.0中預覽網頁效果,如圖3-9所示。

圖3-9 浮動框架效果

從預覽結果可見,浮動框架在頁面中又創建了一個窗口,默認情況下浮動框架的寬度和高度為220×120像素。如果需要調整浮動框架尺寸,請使用CSS樣式。修改上述浮動框架尺寸,需在<head></head>標記中間增加如下CSS代碼。

在IE 11.0中預覽網頁效果,如圖3-10所示。

圖3-10 修改寬度和高度的浮動框架

技巧提示

在HTML5中,iframe僅支持src屬性,再無其他屬性。

主站蜘蛛池模板: 雷波县| 武宁县| 江都市| 永城市| 赣榆县| 新建县| 贺兰县| 满城县| 绥棱县| 宁安市| 托克逊县| 吉安市| 靖安县| 宁津县| 治多县| 甘泉县| 讷河市| 长顺县| 腾冲县| 江华| 岳阳县| 页游| 翁牛特旗| 兰州市| 乌拉特前旗| 高唐县| 武冈市| 延津县| 台湾省| 梨树县| 西安市| 钟山县| 朔州市| 桓仁| 永安市| 志丹县| 常熟市| 石柱| 新安县| 深水埗区| 个旧市|