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內顯示對應的網頁