【Html】15-＜iframe＞标签

iframe

内联框架

行内样式

src属性

链接地址；

<iframe src="2.html"></iframe>

frameborder属性

边框属性；

<iframe src="2.html" frameborder="0" ></iframe>

scrolling属性

滚动条

• auto（自动）

  若框架的宽高小于链接页面内容的宽高，自动显示滚动条；反之则不显示

• yes （显示）

• no （不显示）

auto（自动）

<iframe src="2.html" frameborder="0" scrolling="auto" ></iframe>

给iframe加上CSS样式：

iframe {
            width: 500px;
            height: 200px;
        }

yes （显示）

<iframe src="2.html" frameborder="0" scrolling="yes" ></iframe>

给iframe修改下CSS样式

iframe {
            width: 400px;
            height: 200px;
        }

no （不显示）

<iframe src="2.html" frameborder="0" scrolling="no" ></iframe>

name属性

• 当<a>标签的target的值和<iframe> 的name属性名字一致时，就可以使得点击<a>标签时，在<iframe>框架中显示<a>标签所链接的网页

先定义两个<a>标签

<a href="2.html" target="iframe1">点我点我</a>
<a href="3.html" target="iframe1">豆沙</a>

然后给<iframe>加上相同的name值

<iframe src="1.html" frameborder="0" scrolling="auto" name="iframe1"></iframe>

---

END