考勤系统HTML代码如下:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF8">
<title>考勤系统</title>
<style>
table {
width: 100%;
bordercollapse: collapse;
}
th, td {
border: 1px solid black;
padding: 8px;
textalign: left;
}
th {
backgroundcolor: #f2f2f2;
}
</style>
</head>
<body>
<h1>考勤系统</h1>
<h2>员工信息</h2>
<table>
<tr>
<th>姓名</th>
<th>工号</th>
<th>部门</th>
<th>职位</th>
</tr>
<tr>
<td>张三</td>
<td>001</td>
<td>技术部</td>
<td>工程师</td>
</tr>
<tr>
<td>李四</td>
<td>002</td>
<td>市场部</td>
<td>市场专员</td>
</tr>
<!更多员工信息 >
</table>
<h2>考勤记录</h2>
<table>
<tr>
<th>日期</th>
<th>工号</th>
<th>签到时间</th>
<th>签退时间</th>
</tr>
<tr>
<td>20220101</td>
<td>001</td>
<td>09:00</td>
<td>18:00</td>
</tr>
<tr>
<td>20220102</td>
<td>002</td>
<td>09:30</td>
<td>17:30</td>
</tr>
<!更多考勤记录 >
</table>
</body>
</html>
这个HTML代码包含了一个简单的考勤系统,包括员工信息和考勤记录两个部分,员工信息部分使用表格展示员工的姓名、工号、部门和职位;考勤记录部分使用表格展示员工的签到和签退时间,你可以根据实际需求添加更多的员工信息和考勤记录。