HTML网页内嵌iframe的简单用法

2025-05-11 12:00:41

1、打开PyCharm开发工具，新建‘iframe.html’文件，并写代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe</title></head> <body> <iframe src="http://www.baidu.com"></iframe> </body><body></body></html>

2、点击右上角浏览器图标，查看效果如下图，iframe相当于内嵌了一个网页显示百度。

3、更改iframe的尺寸扩大显示范围，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe</title></head> <body> <iframe src="http://www.baidu.com" width="1500" height="500"></iframe> </body><body></body></html>

4、打开浏览器查看效果如下图

5、去掉ifram的边框和滚动条，代码如下：<!DOC哌囿亡噱TYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe</title></head> <body> <iframe src="http://www.baidu.com" width="1500" height="500" frameborder="0" scrolling="no"> </iframe> </body><body></body></html>

6、打开浏览器，查看效果，没有了边框和滚动条

7、设置链接网页在iframe中显莲镘拎扇示，增加一个a标签，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe</title></head> <body> <a href="http://www.coder1024.site" target="miframe">链接到coder1024</a> <iframe src="http://www.baidu.com" name="miframe" width="1500" height="500" frameborder="0" scrolling="no"> </iframe> </body><body></body></html>注意要设置ifrmae的name属性和a的target属性

8、在浏览器中打开网页，点击链接，在iframe中显示了链接的网页

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。