iframe内联框架
HTML系列文章目录
- HTML网页设计:一、HTML的基本结构
- HTML网页设计:二、网页的基本标签
- HTML网页设计:三、图像标签之<img>标签
- HTML网页设计:四、超链接
- HTML网页设计:五、行内元素和块元素
- HTML网页设计:六、列表
- HTML网页设计:七、表格
- HTML网页设计:八、媒体元素
- HTML网页设计:九、网页的简单布局
- HTML网页设计:十、iframe内联框架
- HTML网页设计:十一、表单
iframe 用于在网页内显示网页,其语法结构如下:
<iframe src="引用页面地址" name="框架标识名"></iframe>
其常用属性如下:
- height属性:用于规定 iframe 的高度。
- width属性:用于规定 iframe 的宽度。
- frameborder属性:规定是否显示 iframe 周围的边框,设置属性值为 “0” 就可以移除边框。
- name属性:与a标签的 target 属性联用可使 iframe 用作链接的目标。
代码示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>iframe内联框架学习</title>
</head>
<body>
<iframe src="https://weibo.com/vae?nick=%E8%AE%B8%E5%B5%A9&noscript=1&sudaref=www.baidu.com" width="800px" height="600px" frameborder="0" name="框架1"></iframe>
<br>
<a href="https://blog.csdn.net/xfjssaw/article/details/115213554?spm=1001.2014.3001.5501" target="框架1" title="网页的简单布局">点击跳转</a>
</body>
</html>
网页显示如下:
点击跳转后: