表格创建

最新推荐文章于 2024-08-06 18:58:51 发布

blish

最新推荐文章于 2024-08-06 18:58:51 发布

阅读量96

点赞数

分类专栏：表格文章标签： html5

本文链接：https://blog.csdn.net/blish/article/details/114372016

版权

表格专栏收录该内容

1 篇文章 0 订阅

订阅专栏

个人简历
姓名	性别	出生日期	照片
民族	学历	政治面貌
籍贯	专业
电话	邮箱
求职意向
专业技能
工作经历
项目经验

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简历</title>
</head>
<body>
    <table border="1" align="center" rules=all>
        <caption align="center"><h1>个人简历</h1></caption>
        <tr align="center" valign=middle  height=60>
            <td width=200>
                姓名
            </td>
            <td width=200></td>
            <td width=200>
                性别
            </td>
            <td width=200></td>
            <td width=200 >
                出生日期
            </td>
            <td width=200> </td>
<!-- 这里必须要添加具体数值 -->
            <td align="center" valign=middle width=200 height=60 rowspan="4"> 照<br>片</td>
        </tr>
            <!-- 第二行 -->
        <tr align="center" valign=middle  height=60>
            <td width=200>
                民族
            </td>
            <td width=200></td>
            <td width=200>
                学历
            </td>
            <td ></td>
            <td width=200>
                政治面貌
            </td>
            <td width=200> </td>
        </tr>
            <!-- 第三行 -->
        <tr align="center" valign=middle width=200 height=60>
            <td >
                籍贯
            </td>
            <td ></td>
            <td >
                专业
            </td>
            <td  width=600  colspan="3"></td>            
        </tr>
        <!-- 第四行 -->
        <tr align="center" valign=middle  height=60>
            <td width=200>
                电话
            </td>
            <td  width=200 ></td>
            <td  width=200 >
                邮箱
            </td>
            <td   width=600  colspan="3"></td>       
        <!-- 第五行 -->
        <tr align="center" height=60 valign=middle>
            <td   width=200 >
                求职意向
            </td>
            <td align="center" valign=middle  height=60 colspan="6"></td>             
        <!-- 第六行 -->
        <tr align="center" valign=middle height=180>
            <td  width=200 >
                专业技能
            </td>
            <td colspan="6"></td>             
        <tr align="center" valign=middle height=180>
            <td  width=200 >
                工作经历
            </td>
            <td  colspan="6"></td>          
        <tr align="center" valign=middle height=180>
            <td  width=200 >
                项目经验
            </td>
            <td colspan="6"></td>          
        </tr>
    </table>
</body>
</html>
`利用表格标签创建个人简历样式表格

利用表格标签创建个人简历样式表格

利用表格标签创建VIP会员表格
table标签的定义
在这里插入图片描述

在这里插入图片描述

表格

VIP会员申请表
会员姓名		出生日期
身份证号
通信地址
联系电话
会员卡号


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
</head>
<body>
    <table border=2 bordercolor=pink align="center" valign="middle" rules=all>
        <caption align=center ><h1>VIP会员申请表</h1></caption>
        <tr align=center valign=middle height=80>
            <td  width=100 >
                会员姓名
            </td>
            <td  width=500 >
            </td>
            <td  width=100 >
                出生日期
            </td>
            <td  width=500 >
            </td>
        </tr>
        <tr align=center valign=middle height=80>
            <td  width=100 >
                身份证号
            </td>
            <td  width=500 height=80 colspan="7">
            </td>            
        </tr>
        <tr align=center valign=middle>
            <td  width=100 >
                通信地址
            </td>
            <td  width=500 height=80 colspan="7">
            </td>
        </tr>
        <tr align=center valign=middle height=80>
            <td  width=100 >
                联系电话
            </td>
            <td  width=500 height=80 colspan="7"></td>
        </tr>
        <tr align=center valign=middle height=80>
            <td  width=100 >
                会员卡号
            </td>
            <td  width=500 height=80 colspan="7"></td>
        </tr>
    </table>
</body>
</html>