iframe框架使用方法左右部分
本篇文章给大家带来《iframe框架使用方法左右部分》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。
iframe 元素规定了一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
语法：
<iframe src="URL"></iframe>
属性：
- src：规定在 iframe 中显示的文档的 URL。
- width：规定 iframe 的宽度。
- height：规定 iframe 的高度。
- frameborder：规定是否显示 iframe 周围的边框。设置为 1(默认值) 时显示边框，设置为 0 时不显示边框。
使用 iframe
- <
- 使用 CSS 样式将两个 div 元素设置为左右排列，并设置宽度和高度。
- 在左侧的 div 元素中添加需要显示的内容。 <
例如，以下代码演示了如何使用 iframe 框架将页面左右部分分开，左侧显示文本内容，右侧嵌入一个网页：
<!DOCTYPE html>
<html>
<head>
<title>iframe 框架左右部分</title>
<style>
.left {
float: left;
width: 50%;
height: 500px;
}
.right {
float: left;
width: 50%;
height: 500px;
}
</style>
</head>
<body>
<div class="left">
<p>左侧内容</p>
</div>
<div class="right">
<iframe src="https://www.baidu.com" width="100%" height="100%"></iframe>
</div>
</body>
</html>
需要注意的是，使用 iframe 框架嵌入其他网站的页面可能会存在安全风险。石家庄人才网小编建议您只嵌入来自可信来源的页面。
有关《iframe框架使用方法左右部分》的内容介绍到这里，想要了解更多相关内容记得收藏关注本站。
- 上一篇：电脑编程入门教学视频
- 下一篇：c语言入门自学零基础知识点
版权声明：《iframe框架使用方法左右部分》来自【石家庄人才网】收集整理于网络，不代表本站立场，所有图片文章版权属于原作者，如有侵略，联系删除。
https://www.ymil.cn/quanzi/10801.html