第九节页面布局（简历）

葉無聞

2020-03-05

<!-- 布局也可以叫做排版，它指的是把文字和图片的元素按照我们的意愿有机地排列在页面上，布局分为两种
     1、table布局：也叫传统布局，通过table元素将页面空间划分为诺干个单元格，将文字或者图片的元素放入单元格中
                  隐藏表格边框，从而实现布局，目前主要用在广告邮件中
     2、HTML+CSS布局（DIV+CSS）:主要通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图等知识来布局，它比传统布局要复杂，是主流的布局方式 -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
</head>
<body topmargin="0">
    <table align="center" width="800" height="800" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td width="260" valign="top" bgcolor="#f2f2f2">
                <table width="200" cellpadding="0" cellspacing="0" align="center">

                    <tr>
                        <td height="100"></td>
                    </tr>
                    <tr>
                        <td align="right">图片</td>
                    </tr>
                    <tr>
                        <td align="right"><b>张大山</b></td>
                    </tr>
                    <tr>
                        <td align="right">15959199015</td>
                    </tr>
                    <tr>
                        <td align="right"></td>
                    </tr>
                </table>
                
            </td>
            <td width="30"></td>
            <td width="480"></td>
            <td width="30"></td>
        </tr>
    </table>
</body>
</html>

葉無聞

0 关注 0 粉丝 0 动态

关注关注

安科网

第九节 页面布局（简历）

葉無聞

葉無聞

葉無聞

第九节页面布局（简历）