HTML的内联框架(iframe)
2024-10-19 14:48:01
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>
最新文章
- linux的bash 终端操作快捷键
- nginx反向代理(proxy_pass)tomcat的过程中，session失效的问题解决
- struts1&&Hibernate Demo1
- P6 EPPM R16.1安装与配置指南(二)
- url如何传递参数
- C#多线程编程（转）
- 完全参照系统自带的DatePickerDialog、TimePickerDialog的源代码仿写的DateTimePickerDialog
- springmvc+mongodb+maven 项目搭建配置
- Sereja and Coat Rack(水)
- shell-正则表达式
- 老李分享：loadrunner 的86401错误
- Data Base mongodb高版本与低版本的区别
- POI实现大数据EXCLE导入导出，解决内存溢出问题
- Java:对象的强、软、弱和虚引用[转]
- 动态dp
- 四、fgets与fputs
- ML.NET 示例：聚类之鸢尾花
- JavaScript中的prototype和__proto__细致解析
- Unity 3D与Android Studio安卓交互之-导出jar包
- 1.The Necessity of a Broad Education 全面教育的必要性