如何在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>
广告