HTML的內聯框架<iframe>
阿新 • • 發佈：2021-07-05
內聯框架：
<iframe src=”URL”width=”200” height=”200” frameborder=”0”></iframe>
通過src屬性連結對應的檔案：
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
修改連結路徑檔案是，通過a標籤進行修改，在target屬性值設定為iframe的name值：
<a href="http://www.baidu.com" target="iframe_a"> 百度 </a>
可以實現在自己的網頁內部，開啟另一個網頁
語法：
<!--
src：地址
frameborder：0為無邊框；1為有邊框
-->
<iframe src="https://www.baidu.com/" frameborder="0" width="300" height="300"></iframe>
完整程式碼如下：
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>iframe內聯框架學習</title> </head> <body> <h1>下面是網頁內部開啟網頁</h1> <iframesrc="http://www.baidu.com"frameborder="0"width="300"height="300"></iframe> </body> </html>語法：
<a href="https://www.baidu.com/" target="hello" >點選跳轉</a>
<hr/>
<iframe src="" name="hello" frameborder="0" width="300" height="300"></iframe>
完整程式碼如下：
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>iframe內聯框架學習</title> </head> <body> <h1>下面是網頁內部開啟網頁</h1> <ahref="https://www.baidu.com/"target="hello">點選跳轉</a> <hr/> <iframesrc=""name="hello"frameborder="0"width="300"height="300"></iframe> </body> </html>