html完整网页设计代码课程表

HTML完整网页设计代码课程表

!DOCTYPE html>
    html>
    head>
    	meta charset="UTF-8">
    	title>
    课程表/title>
    	style>
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border: 1px solid #000;
    text-align: center;
}
th, td {
    border: 1px solid #000;
    padding: 10px;
}
th {
    background-color: #999;
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase;
}
tr:nth-child(odd) {
    background-color: #f2f2f2;
}
    	/style>
    /head>
    body>
    	h1>
    课程表/h1>
    	table>
    thead>
    tr>
    th>
    时间\星期/th>
    th>
    星期一/th>
    th>
    星期二/th>
    th>
    星期三/th>
    th>
    星期四/th>
    th>
    星期五/th>
    /tr>
    /thead>
    tbody>
    tr>
    td>
    8:00 - 9:30/td>
    td>
    课程1/td>
    td>
    课程2/td>
    td>
    课程3/td>
    td>
    课程4/td>
    td>
    课程5/td>
    /tr>
    tr>
    td>
    9:50 - 11:20/td>
    td>
    课程5/td>
    td>
    课程4/td>
    td>
    课程3/td>
    td>
    课程2/td>
    td>
    课程1/td>
    /tr>
    tr>
    td>
    13:30 - 15:00/td>
    td>
    课程2/td>
    td>
    课程3/td>
    td>
    课程1/td>
    td>
    课程5/td>
    td>
    课程4/td>
    /tr>
    tr>
    td>
    15:20 - 16:50/td>
    td>
    课程4/td>
    td>
    课程5/td>
    td>
    课程1/td>
    td>
    课程3/td>
    td>
    课程2/td>
    /tr>
    tr>
    td>
    19:00 - 20:30/td>
    td>
    课程3/td>
    td>
    课程1/td>
    td>
    课程2/td>
    td>
    课程4/td>
    td>
    课程5/td>
    /tr>
    /tbody>
    	/table>
    /body>
    /html>
    

上面是一个简单的HTML完整网页设计代码课程表，为学生们提供清晰的学习计划，设计页面美观简单，代码容易理解，提供了相关的样式和表格，让学生更轻松的规划自己的时间，更好地学习。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！