html设置iframe内联框架

最新推荐文章于 2022-02-10 20:53:17 发布

异色小世界

最新推荐文章于 2022-02-10 20:53:17 发布

阅读量253

点赞数 1

分类专栏： # html 文章标签： html html5

本文链接：https://blog.csdn.net/lixingecho/article/details/113448129

版权

html 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了HTML中iframe的基本使用，包括设置src属性加载外部网页，以及通过调整width和height属性设定框架尺寸。同时，展示了如何结合超链接实现点击后在iframe内打开目标页面，通过target属性指定iframe名称实现页面在特定框架内加载。

摘要由CSDN通过智能技术生成

html 中最基本的iframe内联框架代码：

<!-- iframe内联框架
     src：地址
     w-h：框架的宽高
-->

<iframe src="http://www.baidu.com" frameborder="0" width="1000px" height="1000px">
</iframe>

html 超链接与iframe内联框架结合：

<!-- 超链接与iframe内联框架相结合
     点击超链接，跳转到对应页面。
     该页面显示在iframe内联框架中。
-->

<!-- 将框架标识设置为：hello-->
<iframe src="" name="hello" frameborder="0" width="1000px" height="1000px"></iframe>


<!-- 在标识为hello的地方，打开百度页面-->
<a href="http://www.baidu.com" target="hello">点击跳转</a>