HTML(8)简历制作

2020-10-22

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
</head>
<body>
    <table align="center" border="1px" cellspacing="0">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="100px">
        <col width="200px">
        <tr align="center" height="40px">
            <!-- 合并单元格:
            首先删除多余的单元格
            然后让它占用七列的宽度 -->
            <!-- colspan合并列 -->
            <!-- rowspan合并行 -->
            <td colspan="7">个人简历</td>
        </tr>
        <tr align="center" height="40px">
            <td>姓名</td>
            <td>老张</td>
            <td>性别</td>
            <td>男</td>
            <td>年龄</td>
            <td>23</td>
            <td rowspan="4">
                <img src="../img/aff98825819d658248acd07ad3273dc6.jpg" width="200px" height="160px" title="my photo" alt="撤退">
            </td>
        </tr>
        <tr align="center" height="40px">
            <td>学历</td>
            <td>我知道</td>
            <td>籍贯</td>
            <td colspan="3">我知道</td>
        </tr>
        <tr align="center" height="40px">
            <td>电话</td>
            <td>我知道</td>
            <td>政治面貌</td>
            <td colspan="3">我不知道</td>
        </tr>
        <tr align="center" height="40px">
            <td>毕业院校</td>
            <td colspan="5">我知道</td>
        </tr>
        <tr align="center" height="40px">
            <td>求职意向</td>
            <td colspan="6">我知道</td>
        </tr>
    </table>
</body>
</html>

效果图

image.png


标题:HTML(8)简历制作
作者:张范
地址:http://60.204.174.80/articles/2020/10/22/1603353576776.html