HTML的內聯框架(iframe)


HTML的內聯框架(iframe)

第一種:打開網頁就是帶內聯框架的頁面

可以實現在自己的網頁內部,打開另一個網頁

語法:

<!--
src:地址
frameborder:0為無邊框;1為有邊框
-->
<iframe src="https://www.baidu.com/" frameborder="0" width="800" height="600"></iframe>

 

完整代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>iframe內聯框架學習</title>
</head>
<body>
<h1>下面是網頁內部打開網頁</h1>
<hr/>
<!--
src:地址
frameborder:0為無邊框;1為有邊框
-->
<iframe src="https://www.baidu.com/" frameborder="0" width="800" height="600"></iframe>
<hr/>
<h1>上面是網頁內部打開網頁</h1>
</body>
</html>

第二種:打開網頁沒內聯框架的頁面,需要點擊頁面中的跳轉鏈接

 

與之前的點擊跳轉到指定網站的區別在於,現在是在網頁內部打開網站,而不是新標簽頁打開。

語法:

<a href="https://www.baidu.com/" target="hello" >點擊跳轉</a>
<hr/>
<iframe src="" name="hello" frameborder="0" width="800" height="600"></iframe>

完整代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe內聯框架學習</title>
</head>
<body>
<h1>下面是網頁內部打開網頁</h1>
<hr/>
<a href="https://www.baidu.com/" target="hello" >點擊跳轉</a>
<hr/>
<iframe src="" name="hello" frameborder="0" width="800" height="600"></iframe>
<hr/>
<h1>上面是網頁內部打開網頁</h1>
</body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM