HTML/Html-practice/01-表格练习.html
2023-05-01 19:37:40 +08:00

262 lines
10 KiB
HTML

<!-- 作者:landaiqing
时间:2023.3.2-->
<!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>表格练习1</title>
<style>
body{
font-family: 仿
/* font-family:"Microsoft Yahei"; */
}
#main {
width: 800px;
height: 1000px;
margin: auto;
/* display:flex; */
align-items:center;
/* background-color: aliceblue; */
border: 1px solid black;
}
#all{
/* background-color: aquamarine; */
width: 700px;
height: 1000px;
margin: auto;
display:flex;
align-items:center;
}
.top {
/* background-color: aqua; */
width: 230px;
height: 50px;
top: 0;
left: 0;
right: 0;
/* bottom: 0; */
margin: auto;
position: absolute;
}
.info{
/* background-color: aqua; */
width: 600px;
height:20px;
/* bottom: 0; */
text-align: center;
top: 30px;
left: 0;
right: 0;
/* bottom: 0; */
margin: auto;
position: absolute;
display:flex;
align-items:center;
}
table {
border-collapse: collapse;
border: 1px solid #000;
/* table-layout: fixed; */
width: 100%;
/* overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; */
}
.tables{
top: 50px;
/* top: 50px;
left: 350px;
right: 0;
bottom: 0; */
margin:0, auto;
position: absolute;
}
</style>
</head>
<body>
<div id="main">
<div id="all">
<div class="top">
<font size="6">健康检查登记表</font>
</div>
<div class="info">
<h4>体检时间 &nbsp &nbsp&nbsp&nbsp年 &nbsp&nbsp月 &nbsp&nbsp日 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp体检编号(20 &nbsp&nbsp年) &nbsp&nbsp号</h4>
</div>
<div class="tables">
<table border="1">
<tr>
<th style="width: 50px;height: 30px;">姓名</th>
<th style="width: 80px;height: 30px;"></th>
<th style="width: 60px">性别</th>
<th style="width: 60px;height: 30px;"></th>
<th>年龄</th>
<th style="width: 50px;height: 30px;"></th>
<th>婚否</th>
<th style="width: 70px;height: 30px;"></th>
<th>籍贯</th>
<th style="width: 50px;height: 30px;"></th>
<td style="width: 104px;text-align: center;" rowspan="5"><br><br><br><br><br><br><span style="font-size: 5px;">医院骑缝章</span></td>
</tr>
<tr>
<th style="width: 50px;height: 30px;">住址</th>
<th colspan="3"></th>
<!-- <th style="width: 120px;height: 30px;" ></th> -->
<th style="width: 80px;height: 30px;">所属单位</th>
<!-- <th style="width: 80px;height: 30px;"></th> -->
<th colspan="5"></th>
</tr>
<tr>
<th colspan="4" style="width: 50px;height: 30px; text-align: left;">既往史及家族史</th>
<th colspan="6" style="width: 50px;height: 30px;text-align: left;">家庭住址</th>
</tr>
<tr>
<th colspan="10" style="width: 50px;height: 30px;text-align: left;">身份证号码</th>
</tr>
<tr>
<td rowspan="24" style="font-size: 35px;text-align: center;"><br><br><br></td>
<th style="height: 20px;text-align: left;" colspan="9">既往病史:</th>
<tr>
<th rowspan="9" style="width: 20px;"><br></th>
<td colspan="2" style="width: 70px;">身高&nbsp&nbsp&nbsp&nbspcm</td>
<td colspan="2" style="width: 90px;">体重&nbsp&nbsp&nbsp&nbsp&nbspkg</td>
<td colspan="3" style="width: 110px;">心率&nbsp&nbsp&nbsp&nbsp次/分</td>
<td colspan="3" style="width: 80px;">血压&nbsp&nbsp&nbsp&nbspmmHg</td>
</tr>
<tr>
<td colspan="1">发育</td>
<td colspan="3"></td>
<td colspan="1">营养</td>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="10">头颈部&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp甲状腺&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp淋巴腺</td>
</tr>
<tr>
<td colspan="1">胸部</td>
<td colspan="8"></td>
</tr>
<tr>
<td colspan="2">心脏,血管</td>
<td colspan="5"></td>
<th colspan="2" rowspan="5" style="text-align: left;">医生意见:<br><br><br><br>签名:</th>
</tr>
<tr>
<td colspan="2"></td>
<td colspan="5"></td>
</tr>
<tr>
<td colspan="2">腹部</td>
<td colspan="5">脾肝</td>
</tr>
<tr>
<td colspan="2">神经系统</td>
<td colspan="5"></td>
</tr>
<tr>
<td colspan="2">其他</td>
<td colspan="5"></td>
</tr>
<tr>
<th rowspan="9"><br><br></th>
<tr>
<th rowspan="3"><br></th>
<tr>
<td colspan="2"><br></td>
<td colspan="2"><br></td>
<td colspan="2"><br></td>
<th colspan="2" rowspan="7" style="text-align: left;">医师意见:<br><br><br><br><br><br><br><br><br>签名:</th>
</tr>
<tr>
<td><br><br><br></td>
<td colspan="1"><br></td>
<td colspan="2"><br><br></td>
<td colspan="2" style="text-align: center;">正常<br>色音<br>色弱</td>
</tr>
</tr>
<tr>
<th rowspan="2"></th>
<tr>
<td><br></td>
<td colspan="1"><br></td>
<td colspan="2"><br></td>
<td colspan="2"></td>
</tr>
</tr>
<tr>
<th rowspan="2"></th>
<tr>
<td colspan="2"></td>
<td colspan="2"></td>
<td colspan="5"></td>
</tr>
</tr>
<tr>
<td style="text-align: center;">口腔</td>
<td colspan="2"></td>
<td colspan="2">齿</td>
<td colspan="5"></td>
</tr>
</tr>
<tr>
<th rowspan="5"><br></th>
<tr>
<td colspan="1" style="font-size: 10px;">脊柱和四肢</td>
<td colspan="6"></td>
<th colspan="2" rowspan="4" style="text-align: left;">医师意见:<br><br><br><br>签名:</th>
</tr>
<tr>
<td colspan="1" style="font-size: 10px;">肛门和外生殖器官</td>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="1" style="font-size: 10px;">皮肤疾患</td>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="1" style="font-size: 10px;">其他</td>
<td colspan="6"></td>
</tr>
</tr>
</tr>
<tr>
<th><br><br><br><br></th>
<td colspan="10"></td>
</tr>
<tr>
<th>X<br></th>
<td colspan="10"></td>
</tr>
<tr>
<th><br><br></th>
<td colspan="10"></td>
</tr>
<tr>
<th><br><br></th>
<td colspan="10"><br>
<br>
<br>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp年&nbsp&nbsp月&nbsp&nbsp日&nbsp&nbsp&nbsp&nbsp&nbsp医务主管签名:
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>