简陋中的简陋网页

最新推荐文章于 2023-09-16 16:27:59 发布

原创最新推荐文章于 2023-09-16 16:27:59 发布 · 786 阅读

0 ·

CC 4.0 BY-SA版权

本文展示了一个简单的HTML页面布局实例，使用了table标签进行页面结构划分，并通过内联样式设置了背景颜色等基本样式。

最低级的网页，刚学完div做了一个简陋的布局内容可能引起不适

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>布局</title>
</head>
<body  marginheight="0px" marginwidth="0px">
<table width="100%" height="950px" style="background-color: blueviolet">
    <tr>
        <td colspan="2" width="100%" height="10%"  style="background-color: blue">
            <ul >
                <li  >选项1</li>
                <li>选项2</li>
                <li>选项3</li>
            </ul>
        </td>
    </tr>
    <tr>
        <td height="60%" width="30" bgcolor="#ff1493">左菜单</td>
        <td height="60%" width="70%" bgcolor="#7fffd4">右菜单</td>
    </tr>
    <tr>
        <td colspan="2" height="30%" width="100%">底部</td>
    </tr>
</table>

</body>
</html>