编程笔记 html5&css&js 011 HTML内连框架
在HTML中,可以使用<iframe>
标签来创建内连框架(iframe),以便在当前页面中嵌入另一个页面。以下是一个简单的HTML示例,展示了如何使用内连框架:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>内连框架示例</title>
</head>
<body>
<h1>主页面</h1>
<!-- 内连框架 -->
<iframe src="inner-page.html" width="500" height="400" frameborder="0"></iframe>
</body>
</html>
在这个例子中,<iframe>
标签的src
属性指定了嵌入页面的URL。width
和height
属性设置了iframe的尺寸。frameborder
属性设置为0,可以隐藏边框,给人一个无缝融合的视觉效果。
确保inner-page.html
文件与包含iframe
的HTML文件位于同一目录中,或者提供正确的相对或绝对路径。
评论已关闭