當前位置 : IT培訓網 > Web前端 > Web教程 > HTML框架是一類什么樣的技術

HTML框架是一類什么樣的技術

時間:2016-12-05 11:35:07??來源:web前端培訓網??作者:IT培訓網??已有:名學員訪問該課程
標簽(Tag):?? html(100)HTML框架(4)
這些HTML5框架有著能減輕編程任務和重復代碼負擔的神奇功能。關于免費的HTML5框架,種類繁多,并且大多很受歡迎,因為它們能夠允許我們用更少的時間和精力去創建一個令人驚艷的網站。下面就讓我們一起來學習下這個技術吧!

框架是什么呢,這個技術對網頁有什么作用呢,如何使用html框架技術呢,對于h5框架來說,它是一類有助于快速快速輕松創建響應式網站的程序包。這些HTML5框架有著能減輕編程任務和重復代碼負擔的神奇功能。關于免費的HTML5框架,種類繁多,并且大多很受歡迎,因為它們能夠允許我們用更少的時間和精力去創建一個令人驚艷的網站。下面就讓我們一起來學習下這個技術吧!

HTML 框架

通過使用框架,你可以在同一個瀏覽器窗口中顯示不止一個頁面。

HTML iframe 標簽

標簽

說明

<iframe>

定義一個內聯的iframe

 

iframe語法:

<iframe src="URL"></iframe>

該URL指向不同的網頁。

Iframe - 設置高度與寬度

height 和 width 屬性用來定義iframe標簽的高度與寬度。

屬性默認以像素為單位, 但是你可以指定其按比例顯示 (如:"80%").

實例

<iframe src=" http://www.oalvodamoda.com/qianduan/" width="200" height="200"></iframe>

源代碼:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培訓網(www.oalvodamoda.com)</title>

</head>

<body>

<iframe src="http://www.oalvodamoda.com/qianduan/" width="500" height="200"></iframe>

<p>一些舊的瀏覽器不支持 iframe。</p>

<p>如果瀏覽器不支持 iframes 則不會顯示。</p>

</body>

</html>

運行結果:

HTML框架是一類什么樣的技術_www.oalvodamoda.com

一些舊的瀏覽器不支持 iframe。

如果瀏覽器不支持 iframes 則不會顯示。

Iframe - 移除邊框

frameborder 屬性用于定義iframe表示是否顯示邊框。

設置屬性值為 "0" 移除iframe的邊框:

實例

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

源代碼:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培訓網(www.oalvodamoda.com)</title>

</head>

<body>

<iframe src="http://www.oalvodamoda.com/qianduan/" width="500" height="200" frameborder="0">

 <p>您的瀏覽器不支持  iframe 標簽。</p>

</iframe>

</body>

</html>

運行結果:

HTML框架是一類什么樣的技術_www.oalvodamoda.com

使用iframe來顯示目錄鏈接頁面

iframe可以顯示一個目標鏈接的頁面

目標鏈接的屬性必須使用iframe的屬性,如下實例:

實例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>

<p><a href="http://www.www.oalvodamoda.com" target="iframe_a">www.oalvodamoda.com</a></p>

源代碼:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>IT培訓網(www.oalvodamoda.com)</title>

</head>

<body>

<iframe src="http://www.oalvodamoda.com/" name="iframe_a"></iframe>

<p><a href=http://www.oalvodamoda.com/" target="iframe_a">http://www.oalvodamoda.com</a></p>

<p><b>注意:</b> 因為 a 標簽的 target 屬性是名為 iframe_a 的 iframe 框架,所以在點擊鏈接時頁面會顯示在 iframe框架中。</p>

</body>

</html>

運行結果:

HTML框架是一類什么樣的技術_www.oalvodamoda.com

http://www.oalvodamoda.com

注意: 因為 a 標簽的 target 屬性是名為 iframe_a 的 iframe 框架,所以在點擊鏈接時頁面會顯示在 iframe框架中。

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
Web 教程
1、HTML 教程
1.1 HTML 簡介
1.2 HTML 編輯器
1.3 HTML 基礎
1.4 HTML 元素
1.5 HTML 屬性
1.6 HTML 標題
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 鏈接
1.10 HTML 頭部
1.11 HTML CSS
1.12 HTML 圖像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 區塊
1.16 HTML 布局
1.17 HTML 表單
1.18 HTML 框架
1.19 HTML 顏色
1.20 HTML 顏色名
1.21 HTML 顏色值
1.22 HTML 腳本
1.23 HTML 字符實體
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 總結
1.27 HTML 簡介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 瀏覽器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 內聯 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(視頻)
2.10 HTML5 Audio(音頻)
2.11 HTML5 Input 類型
2.12 HTML5 表單元素
2.13 HTML5 表單屬性
2.14 HTML5 語義元素
2.15 HTML5 Web 存儲
2.16 HTML5 Web SQL
2.17 HTML5 應用程序緩存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代碼規范
3、HTML 媒體
3.1 HTML 媒體(Media)
3.2 HTML 插件
3.3 HTML 音頻(Audio)
3.4 HTML視頻(Videos)播放
五月情天