首页前端开发HTMLhtml完整网页设计代码课程表

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

时间2023-07-13 01:41:01发布访客分类HTML浏览510
导读:HTML完整网页设计代码课程表<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>课程表</title>...

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核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html完整网页设计代码课程表
本文地址: https://pptw.com/jishu/306306.html
html怎么设置不滚动图片 html定义单行字体大小代码

游客 回复需填写必要信息