HTML ＜iframe＞标签的常用属性--详解(附加代码)

最新推荐文章于 2024-07-25 11:52:08 发布

全职程序猿

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量1.7k

点赞数 1

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/nh2r1114/article/details/131515249

版权

<iframe> 标签用于在网页中嵌入另一个文档（通常是外部网页）或者内嵌内容。以下是 <iframe> 标签的示例代码和一些常用属性：

<!DOCTYPE html>
<html>
<head>
  <title>IFrame Example</title>
</head>
<body>
  <h1>IFrame Example</h1>
  
  <!-- 基本用法 -->
  <iframe src="https://example.com"></iframe>

  <!-- 设置宽度和高度 -->
  <iframe src="https://example.com" width="500" height="300"></iframe>

  <!-- 设置边框 -->
  <iframe src="https://example.com" frameborder="1"></iframe>

  <!-- 禁用滚动条 -->
  <iframe src="https://example.com" scrolling="no"></iframe>

  <!-- 自动调整大小（根据内容） -->
  <iframe src="https://example.com" width="100%" height="auto"></iframe>
</body>
</html>

通过使用 <iframe> 标签，可以将其他网页的内容嵌入到当前网页中，并提供许多可选属性来控制它们的行为和样式。上述示例演示了基本的使用方法以及一些常见属性的应用。