HTML5练习案例——特别休假申请单

作业写不完的卑微小cookie

于 2023-03-16 16:23:51 发布

阅读量644

点赞数

分类专栏： HTML5 文章标签：前端 visual studio code HTML5 table

本文链接：https://blog.csdn.net/weixin_44279771/article/details/129587926

版权

HTML5 专栏收录该内容

3 篇文章 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>
    <h2 style="width: 500px;text-align: center;text-decoration: underline;">特别休假申请单</h2>
    <p>申请日期： &nbsp;&nbsp;年&nbsp;&nbsp;月&nbsp;&nbsp;日</p>
    <table width="500px" border="1" style="border-collapse: collapse;">
        <tr>
            <td>所属单位</td>
            <td>&nbsp;部&nbsp;组&nbsp;班</td>
            <td>职称</td>
            <td>111</td>
            <td>姓名</td>
            <td>111</td>
            <td>厂长</td>
        </tr>
        <tr>
            <td rowspan="2">期间</td>
            <td colspan="3">&nbsp;年&nbsp;月&nbsp;日</td>
            <td colspan="2"rowspan="2">天数</td>
            <td>111</td>
        </tr>
        <tr>
            <td colspan="3">&nbsp;年&nbsp;月&nbsp;日</td>
            <td>主管</td>
        </tr>
        <tr>
            <td colspan="2">职务代理人</td>
            <td colspan="4">盖章</td>
            <td>111</td>
        </tr>
        <tr>
            <td>到期日期</td>
            <td colspan="3">&nbsp;年&nbsp;月&nbsp;日</td>
            <td colspan="2">审核意见</td>
            <td>组长</td>
        </tr>
        <tr>
            <td colspan="2">全年特别休假数</td>
            <td colspan="2" align="right">天</td>
            <td>111</td>
            <td>111</td>
            <td>111</td>
        </tr>
        <tr>
            <td colspan="2">已请假数</td>
            <td colspan="2" align="right">天</td>
            <td>人事主任</td>
            <td>人事经办</td>
            <td>组长</td>
        </tr>
        <tr>
            <td colspan="2">本次申请日数</td>
            <td colspan="2" align="right">天</td>
            <td rowspan="2">111</td>
            <td rowspan="2">111</td>
            <td rowspan="2">111</td>
        </tr>
        <tr>
            <td colspan="2">尚剩申请日数</td>
            <td colspan="2" align="right">天</td>
        </tr>
    </table>
</body>
</html>