10-传统布局应用

Posted qtclm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了10-传统布局应用相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简历</title>
</head>
<body>
    <table width="800" height="800" border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
            <td width="260">
                <table width="260">
                    <tr height="100">
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td width="230" align="right"><img src="../image/touxiang.jpg" alt="人物图片"></td>
                        <td width="30"></td>
                    </tr>
                    <tr>
                        <td align="right">张达山</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="right">9090950</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td align="right">66666@qq.com</td>
                        <td></td>
                    </tr>
                </table>
            </td>
            <td width="30"></td>
            <td width="480">
                <table border="0" cellpadding="0" cellspacing="0" width="480">
                    <tr height="75">
                        <td></td>
                    </tr>
                    <tr>
                        <td align="right"><img src="../../../飞机大战/image/Enemy.jpg" alt="人物图片"></td>
                    </tr>
                </table>
                <!-- hr标签:绘制一条线 -->
                <hr />
                <table border="0" cellpadding="0" cellspacing="0" width="480" height="180">
                    <tr height="30">
                        <td></td>
                    </tr>
                    <tr colspan="2">
                        <!-- b标签:字体加粗 -->
                        <td><b>个人基本情况</b></td>
                    </tr>
                    <tr>
                        <td width="50%">姓名:张达山</td>
                        <td width="50%">籍贯:北京昌平</td>
                    </tr>
                    <tr>
                        <td>性别:男</td>
                        <td>身高:175cm</td>
                    </tr>
                    <tr>
                        <td>民族:汉</td>
                        <td>体重:70kg</td>
                    </tr>
                    <tr>
                        <td>出生日期:1992.02.28</td>
                        <td>电话:13636666560</td>
                    </tr>
                    <tr>
                        <td>专业:工业设计</td>
                        <td>现居住地:昌平天通苑</td>
                    </tr>
                </table>
            </td>
            <td width="30"></td>
        </tr>

        
    </table>
</body>
</html>

 

以上是关于10-传统布局应用的主要内容,如果未能解决你的问题,请参考以下文章

第27章 CSS传统布局(上)

Android开发 - 掌握ConstraintLayout传统布局的问题

Flex 布局

flex布局

Flex布局详解

CSS传统布局效果CSS3多列布局CSS3弹性伸缩布局