南大软院二十一天成神计划

来源:互联网 发布:2144传奇盛世翅膀数据 编辑:程序博客网 时间:2024/05/22 14:18

今天贴一下写的一个课程表,运用css的样式,大大减少了代码行数的书写,通过自适应使内容自动分布,达到预期的效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>复杂课程表</title>
</head>
<style type="text/css">
body{background-color:#CC99FF;padding-top: 80px;
table,td,th{text-align:center;font-family:"华文楷体"}
</style>
<body>
<table width="900" height="30" border="1" align="center" cellpadding="5" cellspacing="1">
<tr>
<td colspan="1" rowspan="3">课程性质</td>
<td colspan="1" rowspan="3">序号</td>
<td colspan="2" rowspan="3">课程编码</td>
<td colspan="4" rowspan="3">课程名称</td>
<td colspan="3" rowspan="3">课程名称(英文)</td>
<td colspan="1" rowspan="3">学分</td>
<td colspan="4">教学学时</td>
<td colspan="1" rowspan="3">开通学期</td>
</tr>
<tr>
<td colspan="2" rowspan="1">理论</td>
<td colspan="1" rowspan="2">实验</td>
<td colspan="1" rowspan="2">实践(周)</td>
</tr>
<tr>
<td colspan="1" rowspan="1">课内</td>
<td colspan="1" rowspan="1">课外</td>
</tr>
<tr>
<td rowspan="13">I类通识课程</td>
<td colspan="1">1</td>
<td colspan="2">T5130F1001</td>
<td colspan="4">大学英语(1)</td>
<td colspan="3">College English(1)</td>
<td colspan="1">3</td>
<td colspan="1">48</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">1</td>
</tr>
<tr>
<td colspan="1">2</td>
<td colspan="2">T5130F2001</td>
<td colspan="4">大学英语(2)</td>
<td colspan="3">College English(1)</td>
<td colspan="1">3</td>
<td colspan="1">48</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">2</td>
</tr>
<tr>
<td colspan="1">3</td>
<td colspan="2">T5130F3001</td>
<td colspan="4">大学英语(3)</td>
<td colspan="3">College English(1)</td>
<td colspan="1">3</td>
<td colspan="1">48</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">3</td>
</tr>
<tr>
<td colspan="1">4</td>
<td colspan="2">T8020F4001</td>
<td colspan="4">专业英语</td>
<td colspan="3">Speciality English</td>
<td colspan="1">2</td>
<td colspan="1">32</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">4</td>
</tr>
<tr>
<td colspan="1">5</td>
<td colspan="2">T8020C0001</td>
<td colspan="4">计算机与软件工程概论</td>
<td colspan="3">An Introduction to Computer and SE</td>
<td colspan="1">2</td>
<td colspan="1">32</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">1</td>
</tr>
<tr>
<td colspan="1">6</td>
<td colspan="2">T802SC0001</td>
<td colspan="4">计算机应用实训</td>
<td colspan="3">Computer Application Practice</td>
<td colspan="1">0.5</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">16</td>
<td colspan="1"></td>
<td colspan="1">1</td>
</tr>
<tr>
<td colspan="1">7</td>
<td colspan="2">T6210J1001</td>
<td colspan="4">体育(1)</td>
<td colspan="3">Physicial Education(1)</td>
<td colspan="1">1</td>
<td colspan="1">30</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">1</td>
</tr>
<tr>
<td colspan="1">8</td>
<td colspan="2">T6210J2001</td>
<td colspan="4">体育(2)</td>
<td colspan="3">Physicial Education(2)</td>
<td colspan="1">1</td>
<td colspan="1">30</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">2</td>
</tr>
<tr>
<td colspan="1">9</td>
<td colspan="2">T6210J3001</td>
<td colspan="4">体育(3)</td>
<td colspan="3">Physicial Education(3)</td>
<td colspan="1">1</td>
<td colspan="1">30</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">3</td>
</tr>
<tr>
<td colspan="1">10</td>
<td colspan="2">T6210J4001</td>
<td colspan="4">体育(4)</td>
<td colspan="3">Physicial Education(4)</td>
<td colspan="1">1</td>
<td colspan="1">30</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">4</td>
</tr>
<tr>
<td colspan="1">11</td>
<td colspan="2">T6230J0001</td>
<td colspan="4">军事理论</td>
<td colspan="3">Military Theory and Training</td>
<td colspan="1">1.5</td>
<td colspan="1">24</td>
<td colspan="1">8</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">1</td>
</tr>
<tr>
<td colspan="1">12</td>
<td colspan="2">T623KJ1001</td>
<td colspan="4">军事技能训练</td>
<td colspan="3">Military skills training</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">3</td>
<td colspan="1">1</td>
</tr><tr>
<td colspan="1">13</td>
<td colspan="2">T7210P001</td>
<td colspan="4">中国近现代史纲要</td>
<td colspan="3">Outline of Contemporary Chinese History</td>
<td colspan="1">3</td>
<td colspan="1">48</td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1"></td>
<td colspan="1">1</td>
</tr>
</table>
</body>
</html>

效果图如下:


0 0