HTML 框架
HTML?框架
通過(guò)使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面。
框架標(biāo)簽iframe
iframe語(yǔ)法:
<iframe src="URL"></iframe>
該URL指向不同的網(wǎng)頁(yè)。也可以指向具體的HTML 文件
Iframe - 設(shè)置高度與寬度
height 和 width 屬性用來(lái)定義iframe標(biāo)簽的高度與寬度。
屬性默認(rèn)以像素為單位, 但是你可以指定其按比例顯示 (如:"80%").
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <iframe src="second.html" width="400" height="200"></iframe> <iframe src="http://ask.php.cn/" width="400" height="200"></iframe> <p>一些舊的瀏覽器不支持 iframe。</p> <p>如果瀏覽器不支持 iframes 則不會(huì)顯示。</p> </body> </html>
Iframe - 移除邊框
frameborder 屬性用于定義iframe表示是否顯示邊框。
設(shè)置屬性值為 "0" 移除iframe的邊框:
實(shí)例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <iframe src="http://miracleart.cn/" width="200" height="200" frameborder="0"> <p>您的瀏覽器不支持 iframe 標(biāo)簽。</p> </iframe> </body> </html>
運(yùn)行這段程序,看看跟上面的程序有什么不同
使用iframe來(lái)顯示目錄鏈接頁(yè)面
iframe可以顯示一個(gè)目標(biāo)鏈接的頁(yè)面
目標(biāo)鏈接的屬性必須使用iframe的屬性,如下實(shí)例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <iframe src="http://miracleart.cn" name="iframe_a"></iframe> <p><a href="http://miracleart.cn" target="iframe_a">php.cn</a></p> </body> </html>
運(yùn)行程序點(diǎn)擊看看
HTML iframe 標(biāo)簽
? ? ?標(biāo)簽 | ? ? ?描述 |
? ? ?<iframe> | ? ? ?定義一個(gè)內(nèi)聯(lián)的iframe |