HTML入门基础（4）

最新推荐文章于 2024-09-14 15:26:51 发布

梦在脚下学海无涯

最新推荐文章于 2024-09-14 15:26:51 发布

阅读量121

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/pythonsnail/article/details/107281349

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一，框架（iframe）

1. 基本标签

属性	值	描述
align	left right top middle bottom	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的元素来对齐 <iframe>。
frameborder	1 0	HTML5 不支持。规定是否显示 <iframe> 周围的边框。
height	pixels	规定 <iframe> 的高度。
longdesc	URL	HTML5 不支持。规定一个页面，该页面包含了有关 <iframe> 的较长描述。
marginheight	pixels	HTML5 不支持。规定 <iframe> 的顶部和底部的边距。
marginwidth	pixels	HTML5 不支持。规定 <iframe> 的左侧和右侧的边距。
name	name	规定 <iframe> 的名称。
sandboxNew	"" allow-forms allow-same-origin allow-scripts allow-top-navigation	对 <iframe> 的内容定义一系列额外的限制。
scrolling	yes no auto	HTML5 不支持。规定是否在 <iframe> 中显示滚动条。
seamlessNew	seamless	规定 <iframe> 看起来像是父文档中的一部分。
src	URL	规定在 <iframe> 中显示的文档的 URL。
srcdocNew	HTML_code	规定页面中的 HTML 内容显示在 <iframe> 中。
width	pixels	规定 <iframe> 的宽度。

2. 基本语法

<iframe src="URL"></iframe>

属性

属性	值	描述
align	left right top middle bottom	HTML5 不支持。HTML 4.01 已废弃。规定如何根据周围的元素来对齐 <iframe>。
frameborder	1 0	HTML5 不支持。规定是否显示 <iframe> 周围的边框。
height	pixels	规定 <iframe> 的高度。
longdesc	URL	HTML5 不支持。规定一个页面，该页面包含了有关 <iframe> 的较长描述。
marginheight	pixels	HTML5 不支持。规定 <iframe> 的顶部和底部的边距。
marginwidth	pixels	HTML5 不支持。规定 <iframe> 的左侧和右侧的边距。
name	name	规定 <iframe> 的名称。
sandboxNew	"" allow-forms allow-same-origin allow-scripts allow-top-navigation	对 <iframe> 的内容定义一系列额外的限制。
scrolling	yes no auto	HTML5 不支持。规定是否在 <iframe> 中显示滚动条。
seamlessNew	seamless	规定 <iframe> 看起来像是父文档中的一部分。
src	URL	规定在 <iframe> 中显示的文档的 URL。
srcdocNew	HTML_code	规定页面中的 HTML 内容显示在 <iframe> 中（就是在这个属性里面输入的HTML代码会在框架中显示）。
width	pixels	规定 <iframe> 的宽度。

sandbox

值	描述
""	启用所有限制条件
allow-same-origin	允许将内容作为普通来源对待。如果未使用该关键字，嵌入的内容将被视为一个独立的源。
allow-top-navigation	嵌入的页面的上下文可以导航（加载）内容到顶级的浏览上下文环境（browsing context）。如果未使用该关键字，这个操作将不可用。
allow-forms	允许表单提交。
allow-scripts	允许脚本执行。

使用iframe来显示目标链接页面

效果：
在这里插入图片描述

代码：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>框架</title>
</head>
<body>
<iframe src="1.jpg" frameborder="0"  width="250" height="370" name="1" align="middle"></iframe>
<p><a href="https://blog.csdn.net/pythonsnail/article/details/107272783" target="1">我的博客</a></p>
	
</body>
</html>