使用html的表格table相关的各个标签，完成课件中“国家奖学金申请审批表”的页面设计。

本文链接：https://blog.csdn.net/weixin_52405067/article/details/129343648

注意：

（1）表格中的内容要为自己的真实内容（身份证号除外），尽量真实详细，所有代码在一个html文件中；

（2）页面上所有的代码自己书写，注意增加一些有别于其他同学的内容，所有的代码都要知道其作用、含义；

（3）编码整洁、规范，清晰易读，添加必要的注释，对页面元素或样式进行说明；

（4）作业分别以附件形式提交，不要压缩打包。提交内容：

a. html代码截图，截图要有代码行号

b. 页面效果截图，截图要完整

c. html文件

<!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>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        h1{
            margin: 50px 0;
            text-align: center;
        }
        span{
            text-align: center;
        }
        table{
            width: 800px;
            margin: 10px auto;
        }
        .tab{
            border: 1px solid #000;
            border-collapse:collapse;
            text-align: center;
        }
        .tab td{
            border: 1px solid #000000;
            height: 50px;
        }
        span{
            border-bottom: 1px solid black;
        }
        div{
            display: inline-block;
            width: 20px;
            height: 100%;
            border-right: 1px solid black;
        }
    </style>
</head>
<body>
    <h1>(2017-2018学年)国家奖学金申请审批表</h1>
    <table>
        <tr style="border: 0;">
            <th style="text-align: left;">学校：太原工业学院</th>
            <th>院系：计算机工程系</th>
            <th style="text-align: right;">学号：*******</th>
        </tr>
        </table>
        <table class="tab">
        <tr>
            <td rowspan= "4">基本情况</td>
            <td>姓名</td>
            <td>美少女战士</td>
            <td>性别</td>
            <td>女</td>
            <td>出生年月</td>
            <td>******</td>
        </tr>
        <tr>
            <td>政治面貌</td>
            <td>团员</td>
            <td>民族</td>
            <td>汉</td>
            <td>入学时间</td>
            <td>2020年10月</td>
        </tr>
        <tr>
            <td>专业</td>
            <td>软件工程</td>
            <td>学制</td>
            <td>4年</td>
            <td>联系方式</td>
            <td>*********</td>
        </tr>
        <tr>
            <td>身份证号</td>
            <td class="ID" colspan="5">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </td>
        </tr>
        <tr>
            <td rowspan= "2">学习情况</td>
            <td colspan = "3">成绩排名：<span>1/43</span> （名次/总人数）</td>
            <td colspan = "3">
                实行综合考评排名：
                <label for="yes">是 <input type="radio" name="pai" id="yes" checked></label>
                <label for="no">否<input type="radio" name="pai" id="no" checked></label>
                
            </td>
        </tr>
        <tr>
            <td colspan = "3">必修课<span>41</span>门，其中及格以上<span>41</span>门</td>
            <td colspan = "3">
                如是，排名：<span>1/43</span>（名次/人数）
            </td>
        </tr>
        <tr>
            <td rowspan="5">大学期间主要获奖情况</td>
            <td>日期</td>
            <td colspan = "3">奖项名称</td>
            <td colspan = "2">颁奖单位</td>
        </tr>
        <tr>
            <td></td>
            <td colspan = "3"></td>
            <td colspan = "2"></td>
        </tr>
        <tr>
            <td></td>
            <td colspan = "3"></td>
            <td colspan = "2"></td>
        </tr>
        <tr>
            <td></td>
            <td colspan = "3"></td>
            <td colspan = "2"></td>
        </tr>
        <tr>
            <td></td>
            <td colspan = "3"></td>
            <td colspan = "2"></td>
        </tr>
        <tr style="height: 300px;">
            <td>申请理由（200字）</td>
            <td colspan="6"></td>
        </tr>
    </table>
</body>
</html>