用HTML设计一个课程表
用HTML設計一個課程表
如下是其效果圖:
?
其HTML的代碼:
<html >
?? ?<head>
?? ??? ?<title>課程表 自我創作</title>
?? ?</head>
?? ?
?? ?<body ?bgcolor ="lightblue">?? ?
?? ?
?? ??? ?<table border="7" width="80%" align="center"(中心對齊) cellpadding="7"(單元格與邊框之間) cellspacing="7"(單元格之間)
?style="color:green">
?? ??? ??? ?<caption style="font-size: 30px;">課程表</caption>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<td/>
?? ??? ??? ??? ?<th ><b>星期一</b></th>
?? ??? ??? ??? ?<th ><b>星期二</b></th>
?? ??? ??? ??? ?<th ><b>星期三</b></th>
?? ??? ??? ??? ?<th ><b>星期四</b></th>
?? ??? ??? ??? ?<th><b>星期五</b></th>
?? ??? ??? ??? ?<th><b>星期六</b></th>
?? ??? ??? ??? ?<th ><b>星期日</b></th>
?? ??? ??? ?</tr>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? <tr><td colspan="15" align="center"><i>8:00-12:00</i></td></tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<th ?rowspan="2" >上午</th>?? ??? ??? ?
?? ??? ??? ??? ?<td ?style="color:green">高等數學</td>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<td >C語言</td>
?? ??? ??? ??? ?<td ?style="color:yellow">線性代數</d>
?? ??? ??? ??? ?<td >大學英語</td>
?? ??? ??? ??? ?<td>大學物理</td>
?? ??? ??? ??? ?<td >概率論</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ?</tr>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??
?? ??? ??? ?<tr>?? ??? ??? ??? ?
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td >工程力學</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td ?>動力機械</td>
?? ??? ??? ??? ?<td >數據結構</td>
?? ??? ??? ??? ?<td >編譯原理</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ?</tr>
?? ??? ??? ?
?? ??? ??? ?<tr><td colspan="15" align="center"><i>14:30-18:20</i></td></tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<th rowspan="2" >下午</th>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td >操作系統</td>
?? ??? ??? ??? ?<td>組成原理</td>
?? ??? ??? ??? ?<td>結構體系</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td>圖像處理</td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ?</tr>
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
?? ??? ??? ?<tr>?? ??? ??? ??? ?
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td >工程力學</a></td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ??? ?<td ?>動力機械</a></td>
?? ??? ??? ??? ?<td >數據結構</a></td>
?? ??? ??? ??? ?<td >編譯原理</a></td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ?</tr>
?? ??? ??? ?
?? ??? ??? ?
?? ??? ??? ?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<tr><td colspan="15" align="center"><i>19:00-20:30</i></td></tr>
?? ??? ??? ?<tr>
?? ??? ??? ??? ?<th>晚自習</th>
?? ??? ??? ??? ?<td>網頁設計</td>
?? ??? ??? ??? ?<td>復制原理</td>
?? ??? ??? ??? ?<td >網絡技術</td>
?? ??? ??? ??? ?<td >顏色科學</td>
?? ??? ??? ??? ?<td >土木工程</td>
?? ??? ??? ??? ?<td ><a href="w1.htm" target="blank">w1</a></td>
?? ??? ??? ??? ?<td ></td>
?? ??? ??? ?</tr>
?? ??? ??? ?
?? ??? ??? ??? ?
?? ??? ?</table>
?? ?</body>
</html>
總結
以上是生活随笔為你收集整理的用HTML设计一个课程表的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数字化下,机械工程师如何适应和继续发展
- 下一篇: 2017年html5行业报告,云适配发布