如何在HTML中包含内联子窗口?


内联子窗口是一个iframe,您可以使用<iframe>标签包含它。

HTML <iframe>标签支持以下附加属性:

属性

描述
align
left
right
top
middle
bottom
指定如何根据周围文本对齐iframe。
frameborder
1
0
指定是否显示框架周围的边框。
height
像素
指定内联框架的高度。
longdesc
URL
指向框架内容的详细描述的URL
marginheight
像素
允许您指定框架边框的左右侧与框架内容之间的空间宽度。值以像素为单位。例如marginwidth = "10"。
marginwidth
像素
指定框架内容与其左右边距之间的边距(以像素为单位)。
name
文本
框架名称
sandbox
"" allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
为iframe中的内容启用一组额外的限制。
scrolling
yes
no
 auto
确定滚动条操作
seamless
seamless
指定iframe应看起来像是包含文档的一部分
src
URL
框架内容文件的位置
srcdoc
HTML代码
指定要在iframe中显示的页面的HTML内容
width
像素
指定内联框架的宽度。

示例

您可以尝试运行以下代码来创建内联框架:

<!DOCTYPE html>
<html>
   <head>
      <title>HTML iframe Tag</title>
   </head>
   <body>
      <iframe src = "https://tutorialspoint.com/index.htm" width = "100%"></iframe>
   </body>
</html>

更新于:2020年5月29日

378 次浏览

启动您的职业生涯

完成课程获得认证

开始
广告