table布局+iframe内联框架结构

276 查看

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <html lang="zh-cn">
    <title>iframe内联框架</title>
</head>
<body style="margin:0"> <!-- 无四个外边距 -->
    <table align="center" border="1" height="700px" width="100%">
        <tr>
            <th colspan="3" height="10%" bgcolor="DarkGray">table布局+iframe内联框架</th>
        </tr>
        <tr>
            <td width="25%" bgcolor="cornsilk">
                <ul style="list-style-type:none" align="left">
                    <li>
                        <a href="http://www.baidu.com" target="myiframe">
                        <img src="images/bd.png" alt="百度">
                        </a>
                    </li>
                    <br>
                    <br>
                    <br>
                    <li>
                        <a href="https://www.taobao.com" target="myiframe">
                        <img src="images/tb.png" alt="淘宝">
                        </a>
                    </li>
                    <br>
                    <br>
                    <br>
                    <li>
                        <a href="http://www.jd.com" target="myiframe">
                        <img src="images/jd.png" alt="京东">
                    </a>
                    </li>
                </ul>
            </td>
            <td colspan="2" height="80%">
                <iframe src="http://www.baidu.com" width="100%" height="100%" name="myiframe"></iframe>
            </td>
        </tr>
        <tr>
            <td colspan="3" bgcolor="green">
                   
                备注:本网站仅供观赏
            </td>
        </tr>
    </table>
</body>
</html>

百度图片
京东图片
淘宝图片