HTML网页内联框架
生活随笔
收集整理的這篇文章主要介紹了
HTML网页内联框架
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML網頁內聯框架iframe
通過使用框架，你可以在同一個瀏覽器窗口中顯示不止一個頁面。
iframe語法:
<iframe src="URL"></iframe>該URL指向不同的網頁。
iframe - 設置高度與寬度
height 和 width 屬性用來定義iframe標簽的高度與寬度。
屬性默認以像素為單位, 但是你可以指定其按比例顯示 (如：“80%”)。
實例
<iframe loading="lazy" src="demo_iframe.htm" width="200" height="200"></iframeiframe - 移除邊框
frameborder 屬性用于定義iframe表示是否顯示邊框。
設置屬性值為 “0” 移除iframe的邊框:
實例
<iframe src="demo_iframe.htm" frameborder="0"></iframe>使用 iframe 來顯示目標鏈接頁面
iframe 可以顯示一個目標鏈接的頁面
目標鏈接的屬性必須使用 iframe 的屬性，如下實例:
實例
<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="https://www.runoob.com" target="iframe_a" rel="noopener">RUNOOB.COM</a></p>綜合實例
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>內聯框架iframe</title> </head> <body><!--iframe內聯框架 <iframe src="path" 引用頁面地址name=“mainFrame" 框架標識名w—h 寬度高度 </iframe> --><iframe src="https://blog.csdn.net/qq_47897078?spm=1000.2115.3001.5343" width="1500px" height="500px" name="阿馬的博客"></iframe><a href="https://blog.csdn.net/qq_47897078/article/details/121887918?spm=1001.2014.3001.5501" target="阿馬的博客">點擊跳轉</a><!-- <iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"scrolling="no"border="0"frameborder="no"framespacing="0"allowfullscreen="true"> </iframe>> --> </body> </html>總結
以上是生活随笔為你收集整理的HTML网页内联框架的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 自己总结的CSS以及JS各种库的在线CD
- 下一篇： 前端性能优化 24 条建议