HTML基础——a标签与iframe联动

iframe框架示例

frameborder：边框
scrolling：滚动条

<iframe src="https://www.baidu.com"
            width="500" height="500px"
            frameborder="0" scrolling="yes"
            name="ken"
    >

    </iframe>

效果：

如果要实现a标签与iframe的联动

a 标签中需要使用：target=【iframe的name值】

<p>
        <a href="https://www.baidu.com" target="ken">百度</a>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <a href="http://www.taobao.com" target="ken">淘宝</a>
    </p>
    <br>
<!--    内联框架==在页面上凿一个坑-->
    <iframe src="https://www.baidu.com"
            width="500" height="500px"
            frameborder="1" scrolling="yes"
            name="ken"
    >

    </iframe>

效果：


点击a标签，iframe内显示对应的网页