【HTML基础练习01】个人简历表格

最新推荐文章于 2024-10-01 23:46:18 发布

啥也不会的Taio

最新推荐文章于 2024-10-01 23:46:18 发布

阅读量219

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/Taio9648/article/details/125031188

版权

示例图片：

练习内容：表格合并单元格、设置边距的操作

需要练习使用以下标签

cellPadding 内边距
cellspacing 外边距
colspan 列合并
rowspan 行合并
bgcolor 背景颜色

示例代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>

    <body align="center">
        <h1>个人简历</h1>
        <table border="1" cellPadding="5" cellspacing="5" align="center">
            <tr>
                <td bgcolor="CCEDFF">姓名</td>
                <td width="100"></td>
                <td bgcolor="CCEDFF">性别</td>
                <td width="120"></td>
                <td rowspan="5" width="120">照片</td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF">出生年月</td>
                <td></td>
                <td bgcolor="CCEDFF">籍贯</td>
                <td></td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF">政治面貌</td>
                <td></td>
                <td bgcolor="CCEDFF">民族</td>
                <td></td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF">健康状况</td>
                <td></td>
                <td bgcolor="CCEDFF">婚姻状况</td>
                <td></td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF">联系电话</td>
                <td></td>
                <td bgcolor="CCEDFF">电子邮箱</td>
                <td></td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF" height="40">求职意向</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF" height="250">工作经历</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF" height="40">计算机水平</td>
                <td colspan="4"></td>
            </tr>
            <tr>
                <td bgcolor="CCEDFF" height="40">自我评价</td>
                <td colspan="4"></td>
            </tr>
        </table>
    </body>
</html>