HTML 框架LOGIN

HTML 框架

HTML 框架

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

框架標籤iframe


iframe語法:

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

該URL指向不同的網頁。也可以指向具體的HTML 檔案


#Iframe - 設定高度與寬度

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

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

實例

#
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(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 则不会显示。</p>
</body>
</html>



#Iframe - 移除邊框

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

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

#實例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<iframe src="http://www.php.cn/" width="200" height="200" frameborder="0">
    <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
</body>
</html>

##在運行這段程序,看看跟上面的程式有什麼不同


#################################

使用iframe來顯示目錄連結頁面

iframe可以顯示一個目標連結的頁面

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<iframe src="http://www.php.cn" name="iframe_a"></iframe>
<p><a href="http://www.php.cn" target="iframe_a">php.cn</a></p>
</body>
</html>

執行程式點擊看看


HTML iframe 標籤

     標籤     說明



####################################### ######     <iframe>######     定義一個內聯的iframe###################################################################################################################################################################### ########下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <iframe src="http://www.php.cn/" width="400" height="200"></iframe> <iframe src="http://ask.php.cn/" width="400" height="200"></iframe> <p>一些旧的浏览器不支持 iframe。</p> <p>如果浏览器不支持 iframes 则不会显示。</p> </body> </html>
章節課件