HTML 使用table标签制作个人简历

css部分：

    <style>
        .table1 {
            width: 800px;
            height: 800px;
            border-collapse: collapse;
            margin: 0 auto;
        }

        tr {
            width: 100%;
        }

        td {
            width: 20%;
            text-align: center;
        }

        .image {
            background: url(../../day-01/img/kunkun5.webp) no-repeat;
            background-size: 100% 100%;
        }


        th {
            background-color: #e4e4e4;
        }
    </style>

html部分 ：

    <table class="table1" border="1px">
        <caption>
            <h1>个人简历</h1>
        </caption>
        <thead>

        </thead>
        <tbody>
            <tr>
                <th>求职意向</th>
                <td colspan="4">前端工程师</td>

            </tr>
            <tr>
                <th>姓名</th>
                <td>一只花小妖</td>
                <th>出生年月</th>
                <td>2022.7.18</td>
                <td rowspan="4" class="image">
                </td>
            </tr>
            <tr>
                <th>性别</th>
                <td>女</td>
                <th>政治面貌</th>
                <td>群众</td>
              
            </tr>
            <tr>
                <th>籍贯</th>
                <td>江苏</td>
                <th>学历</th>
                <td>本科</td>
                
            </tr>
            <tr>
                <th>邮箱</th>
                <td>12345678</td>
                <th>联系电话</th>
                <td>12345678</td>
                
            </tr>
            <tr>
                <th>地址</th>
                <td colspan="4">花小妖的小窝</td>

            </tr>
            <tr>
                <th rowspan="4">教育经历</th>
                <td>起止日期</td>
                <td>学校</td>
                <td>专业</td>
                <td></td>
            </tr>
            <tr>
                <td>2011.9-2016.6</td>
                <td>罗城大学</td>
                <td>软件工程</td>
                <td></td>
            </tr>
            <tr>
                <td>2009.9-2011.6</td>
                <td>罗城中学</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>2003.9-2009.6</td>
                <td>罗城小学</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>主修课程</th>
                <td colspan="4">
                    html、css、javascript、ajax、node.js、vue、react
                </td>

            </tr>
            <tr>
                <th>实现经历</th>
                <td colspan="4">无</td>

            </tr>
            <tr>
                <th>荣誉证书</th>
                <td colspan="4">英语四级、C二级</td>

            </tr>
            <tr>
                <th>校园经历</th>
                <td colspan="4">篮球形象大使</td>

            </tr>
        </tbody>
    </table>